【小白课程】一文带你初步了解 QML

QML是Qt框架构成中一种多用途语言，能够高效创建视觉效果更为丰富的用户界面。它与Qt的高性能图形功能结合使用，可以直接从QML应用程序中访问Qt的类型和其他功能。

其中，QML由对象声明、属性、绑定、信号和处理程序事件系统构成，如下所示：

上图中，声明了一个Window作为对象，包含Rectangle元素作为子对象，指定了Window对象的width、height、visible、title属性。Rectangle对象的宽度和高度与Window对象的宽度和高度绑定在一起，当改变Window对象宽度时，会发出widthChanged信号，onWidthChanged信号处理程序会在日志中记录新宽度。

 

1.什么是属性

属性是对象行为的基本方式，属性的数据类型决定了能够容纳的数据类型和可以对数据进行的操作。QML类型中定义了一组属性来作为对象的基本属性。创建对象类型的实例时都会带着为该对象类型定义的属性集。所有QML属性都与数据类型相关联，可以使用下列几种数据类型：

• 简单值类型,例如int、double、string和bool。

• 结构化值类型,例如rect和font。

• 对象类型不仅可以用于声明对象,还可以用作属性的类型。

• 特殊值类型,例如list、map和var。

 

2.什么是绑定

QML使用符合标准的JavaScript引擎，绑定可以包含JavaScript表达式或语句。绑定可以访问对象属性、调用方法，并且可以使用内置的Date和Math等内置的JavaScript对象，例如：

• height:parent.height/2表示该矩形的高度是其父级高度的一半。

• height:Math.min(parent.width, parent.height)表示该矩形的高度取决于父级宽度或高度的最小值。

• height:parent.height>100?parent.height:parent.height/2表示该矩形父级高度超过100,则高度等于父级高度，否则高度为父级高度的一半。

 

3.信号和处理机制

QML具有信号及其处理机制，应用程序和用户界面的组件之间需要信号来相互通信。信号是事件，来自对象的通知，代表发生某件事件，比如点击按钮等操作。发出信号时，需要相应的信号处理程序来响应，它是QML引擎调用的回调函数，在信号处理程序中会通过脚本或者其他操作逻辑来实现组件对事件的响应，举个例子：

在这个示例中，处理了MouseArea对象的clicked()信号。当点击该对象时，矩形位置会随机改变。

 

4.总结

QML语言支持声明式编程，允许声明应用程序的构建块，并使用各种属性对其进行修饰，而无需担心底层实现细节。同时QML也支持命令式编程来处理事件或操作数据，这些特点使得QML可读性强且易于上手，是设计师和开发人员都能使用的通用语言，方便将草图实现为应用程序。

此外，QML还可以扩展组件，支持封装组件来减低复杂性，并具备多平台和设备构建和部署应用程序的能力。