本篇文章是对来自🤝BiliBili-清晨与猫鱼的QML教程的学习笔记，原视频链接👇
https://www.bilibili.com/video/BV1Ay4y1W7xd?spm_id_from=..search-card.all.click&vd_source=4079f59f2068471b4d379822052e0270

Qt中的基本类型

基本类型如下表

类型 含义
bool 二进制true / false值
double 带有小数点的数字，以双精度存储
enumeration 命名的枚举值
int 整数，如0、10或-20
list QML对象列表
real 带小数点的数
string 自由格式的文本字符串
url 资源定位器
var 通用的属性类型

QML模块提供的部分基本类型

类型 含义
color 颜色类型值
date 时间类型值
font 字体类型值
point 值带有x和y属性
rect 值与x, y，宽度和高度属性
size 值，该值具有宽度和高度属性

基本类型变量的动态绑定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Window {
    width: 300
    height: 300
    visible: true
    title: qsTr("Hello World")

    Item {
        anchors.fill: parent
        id:root

        property int number: parent.width  //定义变量等与窗口宽度
        onNumberChanged:{                  //窗口变化,变量改变,触发槽函数
            console.log('number',number)
        }
    }
}

别名

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Window {
    id : window
    width: 300
    height: 300
    visible: true
    title: qsTr("Hello World")

    Item {
        anchors.fill: parent
        id:root

        property alias windowWidth: window.width  //使用别名windowWidth代替window.width

        Component.onCompleted: {
            windowWidth=100       //使用windowWidth可以控制窗口宽度
        }
    }
}