qml页面之间传值及传返回值

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/