Qt Quick Controls Styling

Welcome to the repository for the course "Qt Quick Controls Styling" on Qt Academy.

Get the full learning experience by enrolling in the course on Qt Academy

You can also find the course playlist on the Qt YouTube channel

🎯 What You'll Learn

• Selecting and configuring built-in Qt Quick Controls styles for different platforms and use cases.

• Understanding compile-time vs runtime style selection and when to use each approach for optimal performance and flexibility.

• Customizing existing styles using palettes, attached properties, environment variables, and configuration files.

• Creating custom style components and building complete custom styles from scratch for unique brand identities.

⭐ Skill Level: Intermediate

⏱️ Time to Complete: 1 hour 30 minutes

Getting Started

In this course, you will explore the spectrum of Qt Quick Controls styling approaches, including default style selection, runtime and compile-time style configuration, palette customization, and advanced custom style creation. You'll learn how different styles behave across platforms, when to use each styling approach, and how to optimize your styling choices for performance and maintainability.

The repository contains reference projects for each video section:

Folder	Description
Styles_Section3a	Compile-time style selection examples
Styles_Section3b	Runtime style selection examples
Styles_Section4	Palette configuration examples
Styles_Section5	Custom style creation examples

Note: The projects are not required to complete the course, but are provided as a reference to help you understand the concepts discussed.

Prerequisites

Before getting started, you should be familiar with Qt Quick fundamentals. Consider first exploring the full Creating Qt Quick User Interfaces learning path on Qt Academy, which provides the foundational knowledge needed to get the most from this styling course.

thecourses on Qt Academy, which provide the foundational knowledge needed to get the most from this styling course.

Instructions

To get started with this project, you will need to have Qt (6.8 or later) and an IDE (e.g., Qt Creator) installed on your computer. You can download Qt and Qt Creator from the Qt.io website.

Once you have Qt and an IDE installed, head over to Qt Academy and follow along with the course videos.

To run any project in Qt Creator:

1. Navigate to the project folder
2. Open the CMakeLists.txt file
3. Build and run the project

The application will launch and display a window with various Qt Quick Controls demonstrating the styling concepts covered in each section.

Resources

If you need additional help, the following resources may be helpful:

• Qt Documentation - Styling Qt Quick Controls: https://doc.qt.io/qt-6/qtquickcontrols-styles.html
• Qt Documentation - Customizing Qt Quick Controls: https://doc.qt.io/qt-6/qtquickcontrols-customize.html
• Qt Forum: https://forum.qt.io
• Qt Academy: https://qt.io/academy

Licensing Information

Copyright (C) 2026 Qt Group.
SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only

This course explains essential techniques for styling Qt Quick Controls to create visually cohesive, platform-appropriate applications.

Terms and Conditions

If you, your employer, or the legal entity you act on behalf of hold commercial license(s) with a Qt Group entity, this software package constitutes Pre-Release Code under the Qt License/Frame Agreement governing those licenses, and that agreement's terms and conditions govern your access and use of this software package.

This software package may provide links or access to third party libraries or code (collectively "Third-Party Software") to implement various functions. Use or distribution of Third-Party Software is discretionary and in all respects subject to applicable license terms of applicable third-party right holders.