Property Binding

属性绑定后会自动更新

 

Rectangle {
    width: otherItem.width
    height: otherItem.height
}

 

Rectangle {
    function calculateMyHeight() {
        return Math.max(otherItem.height, thirdItem.height);
    }

    anchors.centerIn: parent
    width: Math.min(otherItem.width, 10)
    height: calculateMyHeight()
    color: { if (width > 10) "blue"; else "red" }
}

 

Changing Bindings

Rectangle {
    id: rectangle
    width: otherItem.width
    height: otherItem.height

    states: State {
        name: "square"
        PropertyChanges {
            target: rectangle
            width: otherItem.height
        }
    }
}

 

Binding Element

Binding {
    target: system
    property: "brightness"
    value: slider.value
}