Как захватить сигнал в QML?

Как я могу отправить сигнал s из одного qml-компонента в другой?

Ниже приведен пример:

Rectangle {
    id: main
    width: 360; height: 360
    signal clicked()

    Text {
        id: testStr
        anchors.centerIn: parent
        text: "Hello World"
    }
    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: { Qt.quit(); }
    }

    Component.onCompleted: clicked()
    onClicked:  testStr.text = "Demo"
}

Как захватить сигнал в другом компоненте?

Ответы

Ответ 1

Вы должны использовать метод connect() для компонентных сигналов (сами сигналы являются объектами).

function clickHandler() {
    console.log('main clicked')
}
Component.onCompleted: {
    main.clicked.connect(clickHandler)
}

См. http://developer.qt.nokia.com/doc/qt-4.8/qmlevents.html

Ответ 2

В другом объекте вы просто добавляете слово on, за которым следует имя сигнала. EG:

Rectangle {
  YourQmlObject {
    onClicked: { ... }
  }
}

(щелкнуто несколько путаное имя сигнала, потому что оно распространено. Но если вы назвали свой сигнал orange, вы сделали бы привязку onOrange:)

Ответ 3

вы можете использовать элемент соединения QML

 Connections {
 target: yourQmlObject 
 onClicked: foo(...)
 }

Ответ 4

QML

Button{
  id: btn_add_pq
  text: "Add"
  onClicked: {
    var component = Qt.createComponent("add_pq.qml")
    var dialog    = component.createObject(root)
    dialog.open()

    dialog.accepted.connect(function(){
      console.log("ID     :" + window.in_id)
      console.log("Name   :" + window.in_name)
      console.log("Comment:" + window.in_comment)
    })
  }
}

add_pq.qml

Dialog {
  id:dialog
  ...
  property alias in_id: txtID.text
  property alias in_comment: txtComment.text
  property alias in_name: txtName.text
  ...
  contentItem: GridLayout{
    ...
    TextField{
      id: txtComment
      Layout.alignment: Qt.AlignRight
    }
    Button{
      Layout.columnSpan: 2
      text: "Add"
      Layout.alignment: Qt.AlignRight
      onClicked: {
        dialog.click(StandardButton.Save)
      }
    }
  }