前言
在學習一門新的語言或者框架時，基本數據類型一定是必須要學習並了解的。本篇隨筆將解析QML中的所有基本類型。
Qt Quick 版本: 5.12.8
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使用案例代碼
// 定義 >> 版本不兼容，未測試
// 聲明格式 >> 版本不兼容，未測試
// 讀取格式 >> 版本不兼容，未測試
// 寫入格式 >> 版本不兼容，未測試
// 輸出結果 >> 版本不兼容，未測試
