Начало работы с Qt Quick Controls

В данном примере показан базовый QML-файл, использующий элементы управления:

import QtQuick 2.14
import QtQuick.Controls 2.14

ApplicationWindow {
    title: "My Application"
    width: 640
    height: 480
    visible: true

    Button {
        text: "Push Me"
        anchors.centerIn: parent
    }
}

Настройка элементов управления из C++

Хотя QQuickView традиционно использовался для отображения QML-файлов в приложении C++, это означает, что вы можете задавать свойства окна только из C++.

С Qt Quick Controls объявите ApplicationWindow корневым элементом своего приложения и запустите его с помощью QQmlApplicationEngine. Это гарантирует, что вы можете управлять свойствами окна верхнего уровня из QML.

В данном примере показан базовый исходный файл, использующий элементы управления:

#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QGuiApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    return app.exec();
}

Использование данных C++ из QML

Если вам нужно зарегистрировать класс C++ для использования из QML, вы можете вызвать qmlRegisterType() перед объявлением QQmlApplicationEngine. Дополнительную информацию см. в разделе Определения типов QML из C++.

Если вам нужно предоставить данные компонентам QML, вам необходимо сделать их доступными для контекста текущего QML-движка. Дополнительную информацию см. в разделе QQmlContext.