QtQuick系列教程(3)-Qml开发界面介绍(Qml基础-2)

总目录传送

本博文技术等级: ★☆☆☆☆☆☆☆☆☆

布局大概说了下, 接下来我们看看事件响应
希望按一下按钮就改变窗体的标题, 试试修改代码

首先给窗体加一个id标示, 否则无法访问这个窗体的对象, id相当于cpp的类名

frmWindow.title = qsTr("修改以后的标题")

标准的对象的属性赋值
运行

点击按钮, 果然标题就变成了我们希望的文本
按钮有了, 我们来加一个文本框试试
现在我们希望完成这样的需求

修改一下代码, 增加一个Text对象, 然后Button增加id, 修改下按下事件的代码

运行

搞定~

那么假如按钮的事件是一个很复杂的函数呢, 我们又来改造改造

在空白地方 定义一个function, 把button的按下事件里的代码拷贝过来, 然后用函数名替换原来的代码.
按钮按下, 运行函数, 效果很上面是一样的

文本的显示有了 我们再来试试输入修改, 加入一个TextField看看, 位置就放到button的下面, 函数的事件改成将输入的值替换本文的值

    function setText(){
        text.text = textField.text;
    }

运行

搞定~~

联系方式:

---

作者	郑天佐
QQ	278969898
主页	http://www.camelstudio.cn
邮箱	[email protected]
博客	http://blog.csdn.net/zhengtianzuo06
github	https://github.com/zhengtianzuo
QQ群	199672080

---

捐赠

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

---