QML学习笔记02：属性，组件

属性

属性声明：

property var aNumber: 100
property var aBool: false
property var aString: "Hello world!"
property var anotherString: String("#FF008800")

声明之后可以使用属性变化信号，格式是

on<Property>Changed

别名alias

格式：property alias 别名:变量名

之后可以用别名代替变量名使用

子元素列表

例如Column布局，他的children就是这个布局下的元素，length就是元素个数，这个元素个数只统计可视的child，比如Rectangle，对于Timer这种，是不统计的。子元素的子元素也不加入统计。

组件

Checkbox

Checkbox 5.7之后才有，是一个可勾选的方框，text是方框后面的文字，onCheckedChanged检测勾选是否发生变化，checked则表示勾选

CheckBox {
    checked: true
    text: qsTr("second")  // 加上qsTr
    onCheckedChanged: {
        if (checked)
            console.log('check second')
}

Calendar

 日历

import QtQuick.Controls 1.4
Calendar {
    minimumDate: new Date(2017, 0, 1)
    maximumDate: new Date(2018, 0, 1)
}

上面的左右按钮是自带的

还有一些如选中日期的信号，如onSelectedDataChanged

ComboBox下拉框

ComboBox {
    model: ["First", "Second", "Third"]  // 数据模型,通过index拿到索引
    onActivated: {
        console.log('index:', index)
    }
}

 

选项的文本可以通过textAt(index)或者model[index]获得，model是一个JS数组

ApplicationWindow