QML - 如何将变量从一个qml文件发送/传递到其他qml文件

时间:2014-03-25 11:02:56

标签: c++ qt qml qt5

如何在qml文件之间发送变量或信号?

http://i.stack.imgur.com/MChCG.png

  1. Mainwindow - >创建一个组件Item2.qml
  2. MainWindow - >创建一个组件item1.qml
  3. item1.qml - >创建一个组件Item3.qml
  4. Item3.qml - >更改/发送变量或信号到ItemII.qml(在主窗口中创建) - 如何?
  5. 有人可以写一个小例子吗?

1 个答案:

答案 0 :(得分:7)

示例代码:

Item1.qml

//Item 1
import QtQuick 2.1

Rectangle {
    width: 200
    height: 100
    color:"red"
    Text{
        anchors.centerIn: parent
        font.pixelSize: 16
        text:"Item1"
        width:parent.width
        horizontalAlignment: Text.AlignRight
        color:"white"
    }
}

Item2.qml

//Item 2
import QtQuick 2.1

Rectangle {
    width: 100
    height: 100
    color:"blue"        
    Text{
        anchors.centerIn: parent
        font.pixelSize: 16
        text:"Item2"
        color:"white"
    }
}

Item3.qml

//Item 3
import QtQuick 2.1

Rectangle {
    id:item3
    width: item3Area.pressed?90:100
    height: item3Area.pressed?90:100
    color:"green"
    signal superAwesomeSignal(string txt)
    Text{
        anchors.centerIn: parent
        font.pixelSize: 16
        text:"Item3"
        color:"white"
    }
    MouseArea{
        id:item3Area
        anchors.fill: parent
        onClicked:item3.superAwesomeSignal("Hello, from Item 3 ")
    }
}

Main.qml

//Main.qml
import QtQuick 2.0

Rectangle {
    width: 360
    height: 360
    Item1{
        anchors.top: parent.top
        anchors.left: parent.left
        Item3{
            id:item3
            anchors.top: parent.top
            onSuperAwesomeSignal: item2.item3SignalReceived(txt)
        }
    }
    Item2{
        id:item2
        anchors.bottom: parent.bottom
        signal item3SignalReceived(string txt)
        onItem3SignalReceived:console.debug(txt)
    }
}