QML元素之间的调用和交互

1.通过信号和槽函数实现元素模块之间的交互

QML中的信号和槽函数的处理和Qt-Widget中的流程一样

首先在对应的模块中声明对应的信号如下:

//Button1.qml
import QtQuick 2.5
Item {
    id:myItem
    //定义外部访问的信号
    signal message_1()         //不带参数的信号
    signal message_2(string msg) //带字符串参数的信号
    signal message_3(var pos_x,var pos_y)//带两个参数的信号 
    Rectangle{
		width: 290
        height: 30    
        gradient: Gradient{
            GradientStop { color: "#ff9a9e" ; position: 0 }
            GradientStop { color: "#fad0c4" ; position: 1 }
        }
        Text{
        anchors.centerIn: parent
            color: "white"
            text:btnText
        }
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onClicked: {
                myItem.message_2("button1")
                //发送鼠标的位置
                myItem.message_3(mouse.x,mouse.y)
            }
            onEntered: {
                parent.color="#4D9C