其中最酷的一个功能肯定是QML的属性绑定.

From the Qt-Documentation: This is a core feature of QML that allows objects to automatically update their properties in response to changing attributes in other objects or the occurrence of some external event. …the property's value is automatically updated by the QML engine whenever the value of the evaluated expression changes

换句话说,这是非常好玩的(好玩个鬼),接下来我将用一个简短的例子来告诉你这到底是什么意思, 首先上一个木有属性绑定的小项目:

import VPlay 2.0
import QtQuick 2.0GameWindow {Scene{Text{id: mouseXTextanchors.centerIn: parentcolor: "blue"visible: false}MouseArea{id: mouseAreaanchors.fill: parentonMouseXChanged: {mouseXText.text = qsTr("鼠标被按下:") + mouseXmouseXText.color = mouseX > 240 ? "red" : "blue"}onPressed: mouseXText.visible = trueonReleased: mouseXText.visible = false}}
}

在这个小项目场景中,每当你鼠标按下的时候,将打印出鼠标当前的X轴坐标.
此外,你可以试着移动鼠标再按下,并查看鼠标当前的X轴坐标.
如果鼠标的的X轴坐标大于240(场景的一半),则文本颜色发生变化.

当考虑更大的项目时,例如文本组件和MouseArea的代码不相邻的情况下,
需要做一些搜索并找到改变文本组件的对应属性,为此会造成一些不必要的操作,间接的也增加了开发难度.

接下来我们用属性绑定来改进这个小项目:

import VPlay 2.0
import QtQuick 2.0GameWindow {Scene{Text{id: mouseXTexttext: qsTr("鼠标被按下:") + mouseArea.mouseXanchors.centerIn: parentcolor: mouseArea.mouseX > 240 ? "red" : "blue"visible: mouseArea.pressed}MouseArea{id: mouseAreaanchors.fill: parent}}
}

在这个改进的项目中,我们不仅仅是减少了几行代码,
当我们移动鼠标的时候,文本组件自身也在随之改变,
这使得代码的行为执行看起来非常透彻明了,尤其是在复杂的大项目中.

看一下文本组件的文本属性:
每当鼠标的X轴坐标发生改变时,产生的影响是文本组件获得通知来改变和更新文本值.
可以看到颜色属性也受影响,你可以试试任何JavaScript表达式,也可以使用多个变量,其中任意一个改变,其他的都会受影响.
最重要的是,通过强大的信号与槽的来实现属性绑定,意味着完整的C++级别的性能.

哇-我们只是使代码更短,更易于理解也更快! 假如你不相信我,我还有一件玩意给你.
V-Play也可以使用了Qt Creator的一个很酷的功能,你可以分析你的项目来查找需要改进性能的代码.

##分析你的游戏或应用程序

1. 在Qt Creator的左手边选择分析
2. 点击开始按钮
3. 运行你的游戏或应用程序一段时间
4. 点击停止按钮在开始按钮下面(通过这个按钮可以停止你的游戏或应用程序)
5. 查看分析的结果(你应该在这个表中右键打开扩展事件统计)

上面2个小项目的分析结果如下:
第一个小项目执行响应的平均时间为778微秒左右,最长时间为1毫秒左右

第二个小项目执行响应的平均时间422微秒左右,最长时间为0.7毫秒左右
在大的项目中这些微小的性能增速将会增加相当可观的性能,所以请不要低估和忽略它们.

##现在我们继续
我们刚刚品味到了属性绑定的简单和效率
你可以看看这个例子:QML Introduction,展示了属性绑定的更多强大之处.
如果你在开发遇到其他任何问题,记得试试分析你的应用程序来查找更多的瓶颈.