QML中的类型 及别名alias

QML中的类型

• https://doc.qt.io/qt-5/qtquick-qmlmodule.html

• 示例：只打印一次窗口宽度，不绑定属性

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5

Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill:parent

        property int number

        onNumberChanged: {
            console.log("number ", number)
        }

        Component.onCompleted: {
            root.number = window.width
        }
    }
}

• 任意类型属性 案例

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5

Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill:parent

        property int number
        property var obj

        function setObj(value){
            obj = value
            console.log(JSON.stringify(obj))
        }

        Component.onCompleted: {
            setObj("hello qml")
            setObj(12345)
            setObj({name: "GCC", version: 1.2})
        }
    }
}

• 输出：

别名

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5

Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill:parent

        property alias windowsWidth:window.width

        Component.onCompleted: {
            windowsWidth = 300
        }
    }
}