qml页面之间传值及传返回值
1.使用qml搞移动开发有一段时间了,不过感觉Qt的帮助文档详细度严重不够,比起MSDN差得远。经常遇到问题不得不借助于网络搜索,网上关于qml开发的资料也比较少。问度娘一般是不行的,得问谷歌或360搜索,因为大部分都是英文搜索,在英文搜索方面,360搜索比百度好用。
2.qml页面之间传值及传返回值的问题,大部分搞qml开发的人都会遇到,特别是传返回值,网上找了个遍也没找到,最后还是自己试出来了。
3.题回正传,直接上代码(以StackView管理页面为例)
(1)page1.qml跳转到page2.qml传值
page1.qml
Rectangle
{
id:rect1
...
MouseArea {
id: maStartQuery
anchors.fill: parent
onClicked:
{
if(!stackView.busy)
stackView.push(Qt.resolvedUrl("qrc:///qml/page2.qml"),
{name:"张三"})//给page2.qml的name传值“张三”,name必须在page2.qml中定义成属性
}
}
...
}
page2.qml定义如下
Rectangle
{
id:rect2
...
property string name:""//要传的值
...
}
(2)page2.qml点击"确定"按钮时将结果返回给page1.qml
A.在page1.qml中增加一个函数clickedfunc,当点击page2.qml中"确定"按钮时调用;
B.在page2.qml中增加一个属性containerqml,用来记录page1.qml;
C.在从page1.qml跳转到page2.qml时,将rect1传给page2.qml的containerqml属性。
page1.qml
Rectangle
{
id:rect1
...
MouseArea {
id: maStartQuery
anchors.fill: parent
onClicked:
{
if(!stackView.busy)
stackView.push(Qt.resolvedUrl("qrc:///qml/page2.qml"),
{name:"张三",containerqml:rect1})
}
}
//当点击page2.qml中"确定"按钮时调用
function clickedfunc(temp)
{
console.log("改成了:"+temp);
stackView.pop();//返回到本页
}
...
}
page2.qml
Rectangle
{
id:rect2
...
property variant containerqml: null
property string name:""//要传的值
...
MouseArea {
id: btnOK
anchors.fill: parent
onClicked:
{
containerqml.clickedfunc("李四");//调用page1.qml中的函数,实现了传返回值。
}
}
}
转载:http://blog.163.com/wslngcjsdxdr@126/blog/static/162196230201472110312629/