❝Qml属性与函数绑定的实践使用。当属性绑定一个函数时,该函数内部的所有外部依赖变量变更都会更新目标属性。 ❞
如下列例子:
代码语言:javascript复制property string string1: "Qt"
property string string2: "Qml"
function display() {
return string1 string2
}
Text {
id: content
anchors.centerIn: parent
text: display()
}
MouseArea {
anchors.fill: parent
onPressed: string1 = "Qttttttt"
onReleased: string2 = "Qmlllll"
}
由于display
函数内部使用了string1
和string2
变量,当其中任意一个变量变更都会更新text: display()
表达式。这种动态绑定在界面编程中会变得更易用方便。
上面例子最终效果是:
- 初始运行状态显示为
QtQml
。 - 当鼠标按下时界面显示
QtttttttQml
。 - 当鼠标松开后界面显示
QtttttttQmlllll
。