QML 应用程序

QML 是允许就视觉组件、交互、相互关系,描述用户界面的声明性语言。它是旨在使组件能够以动态方式互连,并允许组件在用户界面内被轻松重用和定制的高度可读语言。使用 QtQuick 模块,设计人员和开发人员可以轻松采用 QML 构建流畅动画用户界面,和拥有把这些用户界面连接到任何后端 c++ 库的选项。

QML 是什么?

QML 是用户界面规范和编程语言。它让开发人员和设计人员同样都能创建高性能、动画流畅、视觉吸引人的应用程序。QML 提供高度可读、声明式、像 JSON 的语法,支持命令式 JavaScript 表达式结合动态特性绑定。

import QtQuick
import QtQuick.Controls
ApplicationWindow {
    width: 400
    height: 400
    visible: true
    Button {
        id: button
        text: "A Special Button"
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            color: button.down ? "#d6d6d6" : "#f6f6f6"
            border.color: "#26282a"
            border.width: 1
            radius: 4
        }
    }
}
					

QML 语言和引擎基础设施的提供是通过 Qt QML 模块。有关 QML 语言的深入信息,请参阅 Qt QML 模块文档编制。

以下页面包含有关 QML 的更多信息:

Qt Quick 是什么?

Qt Quick 是 QML 类型和 QML 功能的标准库。它包括视觉类型、交互类型、动画、模型/视图、粒子效果及着色器效果。QML 应用程序开发者可以采用一 import 语句访问所有功能。

QtQuick QML 库的提供是通过 Qt Quick 模块。有关 Qt Quick 提供的各种 QML 类型和其它功能的深入信息,请参阅 Qt Quick 模块文档编制。Qt Quick 添加视觉类型、动画类型及其它 QML 类型 (除来自 Qt QML 的标准 QML 类型外)。

按钮、菜单及其它控件

对于一组 UI 控件, Qt Quick Controls 模块实现如按钮、菜单及视图的几个控件。这些控件带有几种可以使用的内置样式,且还支持创建自定义样式。

Qt Quick 工程

Qt Creator 为以下类型的 Qt Quick 应用程序设置工程环境:

  • Scroll - 基于卷动的导航
  • Stack - 基于堆栈的导航
  • Swipe - 基于页面的应用程序轻扫导航
  • Python - Qt for Python 工程可以拥有 QML UI 并拥有 Qt Creator 支持

有关 Qt Quick 应用程序的更多信息,拜访以下页面:

代码样本和演示

要了解有关 QML 代码使用的更多信息,有几个代码样本展示如何使用 QML 类型。此外,还有几个演示展示如何在应用程序中使用 QML 代码。

高级应用程序开发话题