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

2024-06-04 09:37:09

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

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

openKylin（开放麒麟）

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

1.什么是属性

openKylin（开放麒麟）

属性是对象行为的基本方式，属性的数据类型决定了能够容纳的数据类型和可以对数据进行的操作。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引擎调用的回调函数，在信号处理程序中会通过脚本或者其他操作逻辑来实现组件对事件的响应，举个例子：

openKylin（开放麒麟）