时间戳

首页 > 技术文章 > QML 之数据类型

QML 之数据类型

shHome 2020-11-23 02:40 原文

前言
在学习一门新的语言或者框架时，基本数据类型一定是必须要学习并了解的。本篇随笔将解析QML中的所有基本类型。

Qt Quick 版本: 5.12.8
QML 基本数据类型列图

QML 基本数据类型列表

使用案例列表
QML基本数据类型之 int使用案例代码
// 定义 >> 整型（所有整型数字，包括负数、零、正数）
// 声明格式 >> property int var_int: 6666 || property int var_int
// 读取格式 >> var_int
// 写入格式 >> var_int = 0000
// 输出结果 >> var_bool = 6666
QML基本数据类型之 double使用案例代码
// 定义 >> 带小数点的数字，以双精度存储
// 声明格式 >> property double var_double: 6666 || property double var_double
// 读取格式 >> var_double
// 写入格式 >> var_double = 0000.0
// 输出结果 >> var_bool = 6666
QML基本数据类型之 real使用案例代码
// 定义 >> 带小数点的数字，相当于C/C++中的 float
// 声明格式 >> property real var_real: 6666 || property real var_real
// 读取格式 >> var_real
// 写入格式 >> var_real = 0000.0
// 输出结果 >> var_bool = 6666
QML基本数据类型之 bool使用案例代码
// 定义 >> 带小数点的数字，相当于C/C++中的 bool
// 声明格式 >> property bool var_bool: true || property bool var_bool
// 读取格式 >> var_bool
// 写入格式 >> var_bool = false
// 输出结果 >> var_bool = true
QML基本数据类型之 enumeration使用案例代码
// 定义 >> 版本不兼容，未测试
// 声明格式 >> 版本不兼容，未测试
// 读取格式 >> 版本不兼容，未测试
// 写入格式 >> 版本不兼容，未测试
// 输出结果 >> 版本不兼容，未测试
QML基本数据类型之 string使用案例代码
// 定义 >> 字符串类型，相当于 QString 类型
// 声明格式 >> property string var_string : "string" || property string var_string
// 读取格式 >> var_string
// 写入格式 >> var_string = "write string"
// 输出结果 >> var_string = string
QML基本数据类型之 list使用案例代码
// 定义 >> QML对象的列表。也只能是对象表

// 声明格式 >>
property list<State> var_list: [

    State { name: "activated"},
    State { name: "deactivated"}
    ]

// 读取格式 >> var_list[i]
// 写入格式 >> var_list[i] = State { name: "activated"}
// 输出结果 >> var_list[0] = activated
QML基本数据类型之 url使用案例代码
// 定义 >>  资源定位器
// 声明格式 >> property url var_url : "url" || property string var_url
// 读取格式 >> var_url
// 写入格式 >> var_url = "write url"
// 输出结果 >> qrc:/url
QML基本数据类型之 url使用案例代码
// 定义 >>  通用属性类型，相当于C++中额 auto 关键字，会根据初始化值推导自身类型
// 声明格式 >> property var var_var : "string"
// 读取格式 >> var_var
// 写入格式 >> var_var = "write var"
// 输出结果 >> string
QML基本数据类型之 color
// 定义 >>  颜色类型，RGB值
// 声明格式 >> property var var_color : "red" || property var var_color: "#ff0000" || property var var_color
// 读取格式 >> var_color
// 写入格式 >> var_color = "red"
// 输出结果 >> #ff0000
QML基本数据类型之 date
// 定义 >>  时间对象，可以转换为自己想要的格式
// 声明格式 >> property date var_date : new Date() || property date var_date
// 读取格式 >> var_date
// 写入格式 >> var_date = new Date()
// 输出结果 >> 2020-11-23 02:22:28
QML基本数据类型之 font
// 定义 >>  QFont 的所有属性
// 声明格式 >> property font var_font:{"Helvetica"} || property font var_font
// 读取格式 >> var_font
// 写入格式 >> var_font = {"Helvetica"}
// 输出结果 >> QFont(Helvetica,9,-1,5,50,0,0,0,0,0)
QML基本数据类型之 point
// 定义 >>  一个点数据类型，有x和y属性值
// 声明格式 >> property point var_point:Qt.point(10,99) || property point var_point
// 读取格式 >> var_point || var_point.x || var_point.y
// 写入格式 >> var_point = Qt.point(10,99) || var_point.x = 10 || var_point.y = 99
// 输出结果 >> QPointF(10, 99)
QML基本数据类型之 rect
// 定义 >>  一个矩形的信息，有 x、y、width、height属性
// 声明格式 >> property rect var_rect:Qt.rect(0,1,2,3) || property rect var_rect
// 读取格式 >> var_rect || var_rect.x || var_rect.y || var_rect.width || var_rect.height
// 写入格式 >> var_rect = Qt.rect(0,1,2,3) || var_rect.x=0 || var_rect.y = 1 || var_rect.width = 3 || var_rect.height = 4
// 输出结果 >> QRectF(0, 1, 2, 3)
QML基本数据类型之 size
// 定义 >>  一个大小类型，有 width、height 属性
// 声明格式 >> property size var_size:Qt.size(2,3) || property size var_size
// 读取格式 >> var_size || var_size.width || var_size.height
// 写入格式 >> var_size = Qt.size(2,3) || var_size.width=2 || var_size.height = 3
// 输出结果 >> QSizeF(2, 3)
QML基本数据类型之 time使用案例代码
// 定义 >> 版本不兼容，未测试
// 声明格式 >> 版本不兼容，未测试
// 读取格式 >> 版本不兼容，未测试
// 写入格式 >> 版本不兼容，未测试
// 输出结果 >> 版本不兼容，未测试
QML基本数据类型之 variant使用案例代码
// 定义 >> 版本不兼容，未测试
// 声明格式 >> 版本不兼容，未测试
// 读取格式 >> 版本不兼容，未测试
// 写入格式 >> 版本不兼容，未测试
// 输出结果 >> 版本不兼容，未测试
QML基本数据类型之 vector3d使用案例代码
// 定义 >> 版本不兼容，未测试
// 声明格式 >> 版本不兼容，未测试
// 读取格式 >> 版本不兼容，未测试
// 写入格式 >> 版本不兼容，未测试
// 输出结果 >> 版本不兼容，未测试

推荐阅读