Qt Quick实践系列-函数绑定

2020-05-08 16:08:58 浏览数 (1)

❝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函数内部使用了string1string2变量,当其中任意一个变量变更都会更新text: display()表达式。这种动态绑定在界面编程中会变得更易用方便。

  上面例子最终效果是:

  • 初始运行状态显示为QtQml
  • 当鼠标按下时界面显示QtttttttQml
  • 当鼠标松开后界面显示QtttttttQmlllll

0 人点赞