【Qt Quick】基础语法：变量类型

在本节中，我们将讨论 QML 中的变量类型。与 C++ 相似，QML 也有多种变量类型，但在 QML 中，主要分为值类型和对象类型。由于 QML 没有指针的概念，因此在值类型和对象类型的传递中有一些不同点。

值类型和对象类型

值类型：按值传递。变量的值在赋值或传递时会被复制，因此在新变量中修改值不会影响原始变量的值。常见的值类型包括整型（int）、浮点型（double）、布尔型（bool）等。
对象类型：按引用传递。传递对象类型时，不会创建新的副本，而是引用同一个对象。因此，如果修改了其中一个变量，所有引用该对象的变量都会同步更改。

接下来，我们将详细讨论这两种类型的定义和用法。

值类型

QML 内部类型

QML 提供了一些内置的值类型，其中包括：

类型	描述	示例
`bool`	布尔类型，表示真 (`true`) 或假 (`false`)	`var isVisible = true;`
`int`	整数类型，通常为 32 位整数	`var count = 10;`
`real`	浮点数类型，表示带小数的数字	`var pi = 3.14;`
`string`	字符串类型，表示文本	`var name = "QML";`
`date`	日期类型，表示日期和时间	`var today = Date();`
`enum`	枚举类型，定义一组命名常量	`enum Color { Red, Green, Blue };`
`list`	列表类型，表示一组值	`var items = [1, 2, 3];`
`var`	通用类型，动态类型，可以根据赋值决定类型	`var dynamicValue;`
`point`	表示二维坐标点	`var point = Qt.point(100, 200);`
`rectangle`	表示矩形区域，包含位置和大小	`var rect = Qt.rect(0, 0, 100, 50);`
`color`	表示颜色，支持 RGBA 格式	`var myColor = "red";`
`font`	表示字体，包含字体名称、大小、颜色	`var myFont = Font { family: "Arial"; pointSize: 12; }`

这些类型在定义和使用时，都是通过复制值的方式进行传递。对于 var 类型，它是一个通用类型，可以根据具体的赋值来确定变量类型。

Qt 模块的值类型

除了内部类型外，Qt 提供的模块（如 QtQml 和 QtQuick）中也包含一些值类型：

模块	值类型	描述
`QtCore`	`QPoint`	表示二维坐标点。
	`QSize`	表示大小（宽度和高度）。
	`QRect`	表示矩形区域，包含位置和大小。
	`QDate`	表示日期。
	`QTime`	表示时间。
	`QDateTime`	表示日期和时间的组合。
	`QUrl`	表示统一资源定位符（URL）。
	`QVariant`	一个通用容器类型，可以存储任何值类型。
`QtGui`	`QColor`	表示颜色，支持 RGB 和 RGBA 格式。
	`QBrush`	表示填充的样式，可以是颜色或纹理。
	`QPen`	表示绘制线条的样式，包括颜色和宽度。
`QtWidgets`	`QPalette`	表示应用程序的颜色和样式调色板。
`QtMultimedia`	`QMediaPlayer`	表示多媒体播放器，支持音频和视频的播放。
`QtNetwork`	`QNetworkRequest`	表示网络请求的详细信息，包括 URL 和头信息。
`QtXml`	`QDomDocument`	表示 XML 文档的结构。

这些类型经常用于 UI 控件中，用于设置位置、大小、颜色等属性。

对象类型

QML 对象类型

QML 对象类型是指 QML 中定义的控件或组件，例如 Rectangle、Item、Button 等。对象类型是以引用方式传递的，因此多个变量可以引用同一个对象，修改其中之一会影响其他变量。

例如，将一个 Button 对象赋给另一个变量时，两个变量引用的是同一个 Button 对象，对其中一个变量进行修改会对另一个变量产生影响。

C++ 对象类型

在 QML 中也可以通过 C++ 创建自定义类型，并在 QML 中使用。这些类型的传递方式也是通过引用进行的。

QML 文件定义的类型

一个 QML 文件可以定义自己的类型，文件名就是该类型的名称。通过 import 导入后，这个类型就可以在其他 QML 文件中使用。

示例代码

import QtQuick 2.15  
import QtQuick.Controls 2.15  ApplicationWindow {  visible: true  width: 400  height: 400  title: "Value and Object Types Example"  Item {  // 值类型示例  property bool bValue: true  property int intValue: 42  property double doubleValue: 3.14  property string strValue: "Hello, QML"  property var dynamicValue: "Initial value"  // 对象类型示例  Rectangle {  id: myRect  width: 100  height: 100  color: "red"  anchors.centerIn: parent  // 使矩形在父项中居中显示  }  // 使用对象类型  Component.onCompleted: {  console.log("Rectangle width:", myRect.width)  // 输出：100  myRect.width = 200  console.log("Modified Rectangle width:", myRect.width)  // 输出：200  }  }  
}

在上面的代码中：