Qt Quick Controls 快速入门

A basic example of a QML file that makes use of controls is shown here:

import QtQuick
import QtQuick.Controls
ApplicationWindow {
    title: "My Application"
    width: 640
    height: 480
    visible: true
    Button {
        text: "Push Me"
        anchors.centerIn: parent
    }
}

从 C++ 设置控件

尽管 QQuickView has traditionally been used to display QML files in a C++ application, doing this means you can only set window properties from C++.

With Qt Quick Controls, declare an ApplicationWindow as the root item of your application and launch it by using QQmlApplicationEngine instead. This ensures that you can control top level window properties from QML.

A basic example of a source file that makes use of controls is shown here:

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

从 QML 使用 C++ 数据

If you need to register a C++ class to use from QML, you can call qmlRegisterType () before declaring your QQmlApplicationEngine 。见从 C++ 定义 QML 类型了解更多信息。

If you need to expose data to QML components, you need to make them available to the context of the current QML engine. See QQmlContext 了解更多信息。