Qt Quick实践系列-函数绑定

小编:啊南 223阅读 2021.01.18

Qml属性与函数绑定的实践使用。当属性绑定一个函数时,该函数内部的所有外部依赖变量变更都会更新目标属性。 

如下列例子:

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。
关联标签: