Designing a UI with Qt Quick Designer
In this section, you will learn how to use Qt Quick Designer to design your UI. Similar to the .ui
file in Qt Widgets, you can also create a UI file in QML. The file has a .ui.qml
file extension. There are two types of QML file: one with a .qml
extension and another with a .ui.qml
extension. The QML engine treats it as a standard .qml
file, but it prohibits the logical implementation inside it. It creates a reusable UI definition for multiple .qml
files. Through the separation of UI definition and logical implementation, it enhances the maintainability of QML code.
Let's get familiar with Qt Quick Designer's interface before we start learning how to design our own UI. The following screenshot shows different sections of Qt Quick Designer. We will gradually learn about these sections while designing our UI:
Qt Quick Designer's UI consists of the...