Qt Quick Application Developer Guide for Desktop

Let’s learn by example!

The goal of this guide is to make you familiar with best programming practices using Qt Quick for building applications with QML. A prerequisite to this guide is to have a solid understanding of the QML language, so do read :qt5:about it<qtquick/qtquick-applicationdevelopers.html> to find out what it offers. Throughout this guide, we’ll walk you through various aspects and best practices of application development with QML and how to deploy the application to a typical Desktop environment. References to other information sources are provided to make it easy for you to deepen your understanding of QML programming.

• 1. About this Guide
  • 1.1. Why Would You Want to Read this Guide?
  • 1.2. Get the Source Code and the Guide in Different Formats
  • 1.3. License
• 2. Prototyping and Initial Design
  • 2.1. Overview of the NoteApp Application
  • 2.2. Creating a QML Component for UI Elements
  • 2.3. Anchoring QML Items and Implementing the QML Components
  • 2.4. Using Repeater and Delegate to Create List of Markers
  • 2.5. Finalize the Prototype
• 3. Implementing the UI and Adding Functionality
  • 3.1. Creating PagePanel Component
  • 3.2. Binding Marker Item with the Page Item
  • 3.3. Adding Graphics
• 4. Managing Note Objects Dynamically
  • 4.1. Create and Manage Note Items
  • 4.2. Store and Load Data from a Database
• 5. Enhancing the Look and Feel
  • 5.1. Animating the NoteToolbar
  • 5.2. Using States and Transitions
• 6. Further Improvements
  • 6.1. Enhancing the Note Item Functionality
  • 6.2. Ordering Notes
  • 6.3. Loading a Custom Font
• 7. Deploying the NoteApp Application
  • 7.1. Creating the NoteApp Qt Application
• 8. Lesson Learned and Further Reading