Overview
Qt Quik is an open source application framework for creating user interfaces (UIs). QML is a directive programming language for designing UI centric applications. With Qt Quick and QML, users are able to build cross platform and dynamic UIs.
This instructor-led, live training (online or onsite) is aimed at web designers who wish to build cross platform and dynamic UIs using Qt Quick and QML.
By the end of this training, participants will be able to:
- Design prototypes for application UIs using QML.
- Create and implement an application’s UI elements using QML.
- Implement animations, transforms, and transitions to create a more responsive experience for users of the application.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Course Outline
Introduction
QML Programming
- QML syntax
- Property binding
- Qt Quick Global Objects
Qt Quick Elements
- Items, rectangles, and text
- Images
- Signals and slots
Preparing the Development Environment
- Installing and configuring Qt Quick
QML Basic Concepts
- Building simple widgets
- Implementing simple widgets
- Inputting resources
- Using Views in QML
- Replacing delegates of content
Qt Quick Positioning
- Using anchors
- Working with positioners, layouts, and flow
Animations, transitions, and transforms
- Implementing animations and particles
- Using transitions
- Working with transforms
- Applying state and gradients
Qt Quick Controls and modules
- Using Qt Quick controls to build widgets
- Implementing Qt Quick control widgets
- Creaing custom styles for widgets
- Using a custom style on a widget
Dashboard Applications and Prototypes
- Defining the applications functionalities
- Applying components and structure
- Adding a main UI
- Using application switch mechanism
- Implementing widgets and application popups
- Creating models
- Adding a UI theme
- Making the UI responsive
Summary and Conclusion