认识QML应用程序与Qt Quick

- 日理万妓 2022-09-04 08:52 194阅读 0赞

**注意：文中的链接只起标识作用，无法跳转，这些以链接标注的短语可以在QT的官方文档中搜索到对应的内容。**

# **1.QML应用程序  ** #

QML是一种声明性语言，它允许根据用户界面的可视化组件以及它们之间如何交互和关联来描述用户界面。 它是一种可读性很强的语言，其设计目的是使组件能够以一种动态的方式相互连接，并且允许在用户界面中轻松地重用和定制组件。 使用QtQuick模块，设计人员和开发人员可以轻松地在QML中构建流畅的动画用户界面，并可以选择将这些用户界面连接到任何后端c++库。

## 1.1QML是什么?   ##

QML是一种用户界面规范和编程语言。 它允许开发人员和设计师一样创建高性能、流畅的动画和视觉上吸引人的应用程序。 QML提供了高可读性、声明性、类似json的语法，支持命令式JavaScript表达式和动态属性绑定。    
QML语言和引擎基础结构由Qt QML模块提供。 有关QML语言的详细信息，请参阅Qt QML模块文档。

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

*      [First Steps with QML][] \- begin using QML with these examples(使用QML的第一步—通过这些示例开始使用QML)
 *      [Creating Qt Quick Projects in Qt Creator][First Steps with QML](在Qt Creator中创建Qt Quick项目)
 *      [The QML Reference][First Steps with QML] \- reference about the QML constructs and features(QML参考-关于QML构造和特性的参考)
 *      [QML Coding Conventions][First Steps with QML](QML编码惯例)
 *      [Glossary of QML Terms][First Steps with QML](QML术语表)

## 1.2什么是Qt Quick?   ##

Qt Quick是QML的类型和功能的标准库。 它包括视觉类型，交互类型，动画，模型和视图，粒子效果和着色效果。 QML应用程序开发人员可以通过一个导入语句访问所有这些功能。    
QtQuick QML库由QtQuick模块提供。 有关Qt Quick提供的各种QML类型和其他功能的深入信息，请参阅Qt Quick模块文档。

# 2.QML用户界面 #

为了创建或自定义图形用户界面，Qt Quick在Qt QML的标准QML类型之外添加了视觉类型、动画类型和其他QML类型。QtQuick Designer集成在Qt Creator中，支持Qt Creator 2.7及以上版本的QtQuick 2。包括如下内容：

*      [Visual types in QML][First Steps with QML](QML中的可视类型)
 *      [Responding to User Input in QML][First Steps with QML](在QML中响应用户输入)
 *      [Animations in QML][First Steps with QML](动画在QML)
 *      [Displaying Text in QML][First Steps with QML](显示文本在QML)
 *      [Layouts in QML][First Steps with QML](QML布局)
 *      [Style and Theme Support][First Steps with QML](风格和主题支持)
 *      [Integrating JavaScript in QML][First Steps with QML](在QML中集成JavaScript)
 *      [Scalability][First Steps with QML](可伸缩性)

##    2.1 按钮、菜单和其他控件 ##

对于一组基本的UI控件，Qt Quick controls模块实现了几个控件，如按钮、菜单和视图。这些控件模仿在不同平台(如Windows、macOS和Linux)中发现的本机行为。

*      [Qt Quick Controls Overview][First Steps with QML](Qt快速控制概述)
 *      [Styles][First Steps with QML](风格)
 *      [Dialogs][First Steps with QML](对话框)
 *      [Layouts][First Steps with QML](布局)
 *      [Extras][First Steps with QML](附加功能)

第二组UI控件是Qt Quick controls 2，设计用于硬件资源有限的嵌入式系统。有关这两组控件的比较，请参见Qt Quick controls之间的差异。

*  [Qt Quick Controls 2 Guidelines][First Steps with QML](Qt快速控制2指南)
 *  [Qt Quick Templates 2][First Steps with QML](Qt快速模板2)

##    2.2 特效 ##

一些Qt模块提供了在应用程序中创建特殊效果的类型。它们各自的页面包含关于特定用途的更多信息。

*  [Particle Effects][First Steps with QML](粒子效果)
 *  [Graphical Effects - for creating image composition effects][First Steps with QML].(图形效果-用于创建图像合成效果。)

## 2.3 在QML应用程序中查看Web内容 ##

QML类型，WebEngineView和WebView，渲染和显示动态web内容。两者之间唯一的区别是后者使用本地web视图(如果可用的话)。这两种类型都可以加载URL或HTML字符串。要了解更多关于它们的信息并查看代码示例，请参阅Qt WebEngine和Qt WebView。

## 2.4 传感器、手势和触摸界面 ##

Qt Sensors模块允许应用程序从传感器(如加速度计和倾斜传感器)读取信息。对于不同的平台有一个通用的QML API，并且可以在c++中进行扩展。

*  [Qt Sensors QML Types][First Steps with QML](Qt传感器QML类型)
 *  [Qt Sensors Examples][First Steps with QML](Qt传感器的例子)
 *  [Compatibility Map][First Steps with QML] \- lists support level for different mobile platforms (兼容性地图-列出不同移动平台的支持级别)

#    3.多媒体内容 #

Qt Multimedia模块使应用程序能够使用一组方便的QML类型来处理各种媒体内容。这些QML类型可以在c++中扩展。

Multimedia(多媒体)

*      [Audio Overview][First Steps with QML](音频概述)
 *      [Video Overview][First Steps with QML](视频概述)
 *      [Camera Overview][First Steps with QML](相机的概述)
 *      [Radio Overview][First Steps with QML](无线电概述)
 *      [Qt Audio Engine][First Steps with QML] \- for 3D positional audio playback and content management. (Qt音频引擎-用于3D位置音频播放和内容管理。)

#    4.移动设备 #

一些Qt模块为网络和移动设备提供QML api。QML类型提供了对蓝牙、近场通信(NFC)和gps支持设备的访问。  
    [Qt Positioning][First Steps with QML](Qt定位)  
    [Qt Location][First Steps with QML](Qt的位置)  
    [Qt Bluetooth][First Steps with QML](Qt蓝牙)  
    [Qt NFC][First Steps with QML]

有关更多信息，请访问网络和连接和移动api页面。

# 5.代码示例和演示 #

要了解关于QML代码使用的更多信息，有几个代码示例展示了如何使用QML类型。此外，还有几个演示如何在应用程序中使用QML代码。  
   [ Getting Started Programming with Qt Quick][First Steps with QML](这个教程展示了如何创建一个简单的QML文本编辑器。)  
   [ Qt Quick Examples and Tutorials][First Steps with QML](Qt快速示例和教程)

#    6.高级应用程序开发主题 #

*      [Integrating QML and C++][First Steps with QML](集成QML和c++)
 *      [Deploying QML Applications][First Steps with QML](部署QML应用程序)
 *      [Performance Considerations and Suggestions][First Steps with QML](性能注意事项和建议)
 *      [Internationalization and Localization][First Steps with QML](国际化和本地化)
 *      [Testing and Debugging][First Steps with QML](测试和调试)

[Prototyping with qmlscene][First Steps with QML](原型与qmlscene)  
               [ Debugging QML Applications][First Steps with QML](调试QML应用程序)  
                [Qt Quick Test: QML Unit Testing Framework ][First Steps with QML](Qt Quick Test: QML单元测试框架)

#    7.其他QML模块 #

Qt Quick只提供基本的可视类型，Qt的大部分功能通过其他模块暴露给QML。如果您需要这些模块的功能，您应该浏览它们的QML文档。  
所有QML API按模块包含Qt5中所有QML模块的列表。

#    8.相关的话题 #

将QML应用程序移植到Qt 5

[First Steps with QML]: http://123