V-Play入门手册3-如何编写高效的代码?
博客专区 > jannn 的博客 > 博客详情
V-Play入门手册3-如何编写高效的代码?
jannn 发表于2年前
V-Play入门手册3-如何编写高效的代码?
  • 发表于 2年前
  • 阅读 160
  • 收藏 1
  • 点赞 1
  • 评论 1

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 在本课程中我将向您展示QT和QML是怎么帮你在更短的时间内写出更好的代码,留爪.

其中最酷的一个功能肯定是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.0

GameWindow {
    Scene{
        Text{
            id: mouseXText
            anchors.centerIn: parent
            color: "blue"
            visible: false
        }
        MouseArea{
            id: mouseArea
            anchors.fill: parent
            onMouseXChanged: {
                mouseXText.text = qsTr("鼠标被按下:") + mouseX
                mouseXText.color = mouseX > 240 ? "red" : "blue"
            }
            onPressed: mouseXText.visible = true
            onReleased: mouseXText.visible = false
        }
    }
}

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

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

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

import VPlay 2.0
import QtQuick 2.0

GameWindow {
    Scene{
        Text{
            id: mouseXText
            text: qsTr("鼠标被按下:") + mouseArea.mouseX
            anchors.centerIn: parent
            color: mouseArea.mouseX > 240 ? "red" : "blue"
            visible: mouseArea.pressed
        }
        MouseArea{
            id: mouseArea
            anchors.fill: parent
        }
    }
}

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

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

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

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

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

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

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

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

标签: V-Play
共有 人打赏支持
粉丝 11
博文 118
码字总数 30927
评论 (1)
彩阳
性能测试千万不要忽略哦。难啃的都是这部分呢。
×
jannn
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: