属性绑定与赋值

首先看下面一段示例代码：

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2

Rectangle{
    id: root
     320
    height: 320
    color: "red"
    opacity: 0.3

    Text {
        id: label
        x: 20; y: 20

        property  int spacePresses: 0
        text: "space pressed: " + spacePresses + " times"

        onTextChanged: console.log("text changed to: ", text)

        focus: true
        Keys.onPressed: {
            increment()
        }

        Keys.onEscapePressed: {
            label.text = ''
        }

        function increment() {
            spacePresses += 1
        }
    }
}

 当前应用不大适合用属性绑定来解决，使用赋值更合适：

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2

Rectangle{
    id: root
     320
    height: 320
    color: "red"
    opacity: 0.3

    Text {
        id: label
        x: 20; y: 20

        property  int spacePresses: 0
        text: "space pressed: " + spacePresses + " times"

        onTextChanged: console.log("text changed to: ", text)

        focus: true
        Keys.onSpacePressed: {
            increment()
            text = "space pressed: " + spacePresses + " times"
        }

        Keys.onEscapePressed: {
            text = "Release Binding: " + spacePresses
        }

        function increment() {
            spacePresses += 1
        }
    }
}

关于属性绑定有一条需要特别注意：

      我们可以通过在属性的初始化时将属性（被绑定属性）绑定到其他的属性（关联属性）上，这样此属性就能够随着绑定的属性的变化而变化。但是，如果我们在其他地方对被绑定属性进行了赋值操作，那么它和关联属性之间的绑定就失效了，因此在编写代码的时候需要格外小心。