QML 应用程序

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 应用程序开发者可以通过一个导入语句访问所有这些功能。

QtQuick QML库由Qt Quick模块提供。有关Qt Quick提供的各种QML类型和其他功能的详细信息,请参阅Qt Quick模块文档。Qt Quick除了Qt QML中的标准QML类型外,还添加了视觉类型、动画类型和其他QML类型。

按钮、菜单和其他控件

对于一组用户界面控件,Qt Quick Controls 模块实现了多种控件,如按钮、菜单和视图。这些控件带有多种内置样式可供使用,并且还支持创建自定义样式。

Qt 快速项目

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

  • 滚动 - 基于滚动的导航

  • 堆栈 - 基于堆栈的导航

  • Swipe - 带有滑动导航的基于页面的应用程序

  • Python - Qt for Python 项目可以拥有 QML 用户界面,并支持 Qt Creator

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

代码示例和演示

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

  • Qt Quick 编程入门 - 一个展示如何创建一个简单的 QML 文本编辑器的教程。

  • Qt 快速示例和教程

高级应用开发主题