[QML] Connections元素介绍

一个Connections对象创建一个了一个QML信号的连接。在QML中，我们连接信号通常是用使用"on<Signal>"来处理的，如下所示：

1. MouseArea { 
2.      onClicked: { foo(...) } 
3. }

复制代码

然而， 以下几种情况则无法通过"on<Signal>"来实现： 
1.针对某个信号需要多个处理时，也就是有多个槽关联到同一个信号上。 
2.在信号的发送者的范围外（这里可以理解为发送者的类定义之外）创建连接。 
3.连接的目标不在QML中。 
这时就该Connections登场咯 

先举个例子，上面的代码用Connections就可以像下面这样写：

1. MouseArea { 
2.      Connections { 
3.          onClicked: foo(...) 
4.      } 
5. }

而一般来说，我们都会这么写：

1. MouseArea { 
2.      id: area 
3. } 
4. ... 
5. Connections { 
6.      target: area 
7.      onClicked: foo(...) 
8. }

zhezhelin

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 
}