QML用户界面基础（一）

QML 允许开发人员以声明的方式构建用户界面。
Qt Quick是一个模块，它提供用于创建用户界面的 QML 类型，例如具有自己的坐标系和渲染引擎的可视画布。动画和过渡效果是 Qt Quick 中的一流概念，视觉效果可以通过粒子和着色器效果的专用组件来补充。

QML程序中主要包括以下主题：

• 视觉类型
• 用户输入响应
• 动画
• 文本显示
• 布局
• 风格和主题
• 集成JavsScript
• 拓展性

图形控制

Qt Quick Controls模块（自Qt 5.7 起）提供轻量级 QML 类型，用于创建高性能用户界面。这些控件通过采用简化的样式架构来提高效率。

使用简介

创建QML文件

导入和使用QtQuick模块

import QtQuick 2.3

定义对象层次结构

如定义一个Rectangle的对象，该对象有一个子对象Text。示例如下：

Rectangle {
    width: 200
    height: 100
    color: "red"

    Text {
        anchors.centerIn: parent
        text: "Hello, World!"
    }
}

创建和运行项目

要显示 QML 文档定义的图形场景，可以使用Qt Creator)加载。对于像这样的简单 UI 文件，从 Qt Creator 中选择File > New File 或 Project > Application (Qt Quick) > Qt Quick Application - Empty 。
按下绿色运行按钮运行应用程序。可以看到文本Hello, World! 在一个红色矩形的中心。

helloworld.png