QML基本类型

QML基本数据类型之 int使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 整型（所有整型数字，包括负数、零、正数）</span>
<span style="color:#008000">// 声明格式 >> property int var_int: 6666 || property int var_int</span>
<span style="color:#008000">// 读取格式 >> var_int</span>
<span style="color:#008000">// 写入格式 >> var_int = 0000</span>
<span style="color:#008000">// 输出结果 >> var_bool = 6666</span>
</code></span></span>

QML基本数据类型之 double使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 带小数点的数字，以双精度存储</span>
<span style="color:#008000">// 声明格式 >> property double var_double: 6666 || property double var_double</span>
<span style="color:#008000">// 读取格式 >> var_double</span>
<span style="color:#008000">// 写入格式 >> var_double = 0000.0</span>
<span style="color:#008000">// 输出结果 >> var_bool = 6666</span>
</code></span></span>

QML基本数据类型之 real使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 带小数点的数字，相当于C/C++中的 float</span>
<span style="color:#008000">// 声明格式 >> property real var_real: 6666 || property real var_real</span>
<span style="color:#008000">// 读取格式 >> var_real</span>
<span style="color:#008000">// 写入格式 >> var_real = 0000.0</span>
<span style="color:#008000">// 输出结果 >> var_bool = 6666</span>
</code></span></span>

QML基本数据类型之 bool使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 带小数点的数字，相当于C/C++中的 bool</span>
<span style="color:#008000">// 声明格式 >> property bool var_bool: true || property bool var_bool</span>
<span style="color:#008000">// 读取格式 >> var_bool</span>
<span style="color:#008000">// 写入格式 >> var_bool = false</span>
<span style="color:#008000">// 输出结果 >> var_bool = true</span>
</code></span></span>

QML基本数据类型之 enumeration使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 声明格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 读取格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 写入格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 输出结果 >> 版本不兼容，未测试</span>
</code></span></span>

QML基本数据类型之 string使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 字符串类型，相当于 QString 类型</span>
<span style="color:#008000">// 声明格式 >> property string var_string : "string" || property string var_string</span>
<span style="color:#008000">// 读取格式 >> var_string</span>
<span style="color:#008000">// 写入格式 >> var_string = "write string"</span>
<span style="color:#008000">// 输出结果 >> var_string = string</span>
</code></span></span>

QML基本数据类型之 list使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> QML对象的列表。也只能是对象表</span>

<span style="color:#008000">// 声明格式 >></span>
property list<<span style="color:#a31515">State</span>> <span style="color:#ff0000">var_list</span>: [

    <span style="color:#a31515">State</span> { <span style="color:#ff0000">name</span>: <span style="color:#a31515">"activated"</span>},
    <span style="color:#a31515">State</span> { <span style="color:#ff0000">name</span>: <span style="color:#a31515">"deactivated"</span>}
    ]

<span style="color:#008000">// 读取格式 >> var_list[i]</span>
<span style="color:#008000">// 写入格式 >> var_list[i] = State { name: "activated"}</span>
<span style="color:#008000">// 输出结果 >> var_list[0] = activated</span>
</code></span></span>

QML基本数据类型之 url使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  资源定位器</span>
<span style="color:#008000">// 声明格式 >> property url var_url : "url" || property string var_url</span>
<span style="color:#008000">// 读取格式 >> var_url</span>
<span style="color:#008000">// 写入格式 >> var_url = "write url"</span>
<span style="color:#008000">// 输出结果 >> qrc:/url</span>
</code></span></span>

QML基本数据类型之 url使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  通用属性类型，相当于C++中额 auto 关键字，会根据初始化值推导自身类型</span>
<span style="color:#008000">// 声明格式 >> property var var_var : "string"</span>
<span style="color:#008000">// 读取格式 >> var_var</span>
<span style="color:#008000">// 写入格式 >> var_var = "write var"</span>
<span style="color:#008000">// 输出结果 >> string</span>
</code></span></span>

QML基本数据类型之 color

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  颜色类型，RGB值</span>
<span style="color:#008000">// 声明格式 >> property var var_color : "red" || property var var_color: "#ff0000" || property var var_color</span>
<span style="color:#008000">// 读取格式 >> var_color</span>
<span style="color:#008000">// 写入格式 >> var_color = "red"</span>
<span style="color:#008000">// 输出结果 >> #ff0000</span>
</code></span></span>

QML基本数据类型之 date

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  时间对象，可以转换为自己想要的格式</span>
<span style="color:#008000">// 声明格式 >> property date var_date : new Date() || property date var_date</span>
<span style="color:#008000">// 读取格式 >> var_date</span>
<span style="color:#008000">// 写入格式 >> var_date = new Date()</span>
<span style="color:#008000">// 输出结果 >> 2020-11-23 02:22:28</span>
</code></span></span>

QML基本数据类型之 font

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  QFont 的所有属性</span>
<span style="color:#008000">// 声明格式 >> property font var_font:{"Helvetica"} || property font var_font</span>
<span style="color:#008000">// 读取格式 >> var_font</span>
<span style="color:#008000">// 写入格式 >> var_font = {"Helvetica"}</span>
<span style="color:#008000">// 输出结果 >> QFont(Helvetica,9,-1,5,50,0,0,0,0,0)</span>
</code></span></span>

QML基本数据类型之 point

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  一个点数据类型，有x和y属性值</span>
<span style="color:#008000">// 声明格式 >> property point var_point:Qt.point(10,99) || property point var_point</span>
<span style="color:#008000">// 读取格式 >> var_point || var_point.x || var_point.y</span>
<span style="color:#008000">// 写入格式 >> var_point = Qt.point(10,99) || var_point.x = 10 || var_point.y = 99</span>
<span style="color:#008000">// 输出结果 >> QPointF(10, 99)</span>
</code></span></span>

QML基本数据类型之 rect

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  一个矩形的信息，有 x、y、width、height属性</span>
<span style="color:#008000">// 声明格式 >> property rect var_rect:Qt.rect(0,1,2,3) || property rect var_rect</span>
<span style="color:#008000">// 读取格式 >> var_rect || var_rect.x || var_rect.y || var_rect.width || var_rect.height</span>
<span style="color:#008000">// 写入格式 >> var_rect = Qt.rect(0,1,2,3) || var_rect.x=0 || var_rect.y = 1 || var_rect.width = 3 || var_rect.height = 4</span>
<span style="color:#008000">// 输出结果 >> QRectF(0, 1, 2, 3)</span>
</code></span></span>

QML基本数据类型之 size

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >>  一个大小类型，有 width、height 属性</span>
<span style="color:#008000">// 声明格式 >> property size var_size:Qt.size(2,3) || property size var_size</span>
<span style="color:#008000">// 读取格式 >> var_size || var_size.width || var_size.height</span>
<span style="color:#008000">// 写入格式 >> var_size = Qt.size(2,3) || var_size.width=2 || var_size.height = 3</span>
<span style="color:#008000">// 输出结果 >> QSizeF(2, 3)</span>
</code></span></span>

QML基本数据类型之 time使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 声明格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 读取格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 写入格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 输出结果 >> 版本不兼容，未测试</span>
</code></span></span>

QML基本数据类型之 variant使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 声明格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 读取格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 写入格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 输出结果 >> 版本不兼容，未测试</span>
</code></span></span>

QML基本数据类型之 vector3d使用案例代码

<span style="color:#4b4b4b"><span style="background-color:#ffffff"><code class="language-JavaScript"><span style="color:#008000">// 定义 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 声明格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 读取格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 写入格式 >> 版本不兼容，未测试</span>
<span style="color:#008000">// 输出结果 >> 版本不兼容，未测试</span></code></span></span>