首页 > 代码库 > QML官方系列教程——Qt Quick Controls Overview

QML官方系列教程——Qt Quick Controls Overview

附网址:http://qt-project.org/doc/qt-5/qtquickcontrols-overview.html


Qt Quick Controls Overview —— Qt Quick Controls概述

Qt Quick Controls提供了一套用来在Qt Quick中创建用户界面的UI控件。


Getting Started —— 开始

在你的.qml文件中使用以下声明将这些QML类型引入到你的应用程序中。

import QtQuick.Controls 1.2

·

Greating a basic example —— 创建一个基本的例子

在一个QML文件中使用控件的基本例子如下:

import QtQuick.Controls 1.2

ApplicationWindow {
    title: "My Application"

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

·

这是Qt Quick Controls的一篇概述,你也可以看看Gallery这个demo。



Setting Up Controls from C++ —— 在C++中使用控件

虽然我们传统上使用QQuickView窗口来在C++应用程序中显示QML文件,但这样做意味着你只能在C++中设置窗口属性。

使用Qt Quick Controls,在你的应用程序中声明一个ApplicationWindow作为根项目,并转而使用QQmlApplicationEngine来启动它。这使得你可以在QML中控制你的顶级窗口的属性。

这个基本的源码文件演示了上面所说的事情:

#include <QApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QQmlApplicationEngine engine("main.qml");
    return app.exec();
}

·

注:我们在上述例子中使用了QApplication而不是QGuiApplication。尽管可以使用QGuiApplication代替,但这样做会产生依赖于平台的风格。因为它靠widget模块来提供本地化的视感。


Using C++ Data From QML —— 在QML中使用C++数据

如果你需要在QML中使用一个C++注册的QML类型,你可以调用,比如qmlRegisterType()函数,在你的QQmlQpplicationEngine声明之前。你可以在here查看所有的注册函数。

如果你需要将数据暴露给QML组件,你需要将他们设置到当前QML引擎中去。前往QQmlContext查看更多内容。


Related information —— 有关内容

Qt Quick 

Qt Quick Controls 

Qt Quick Controls Examples