【QML COOK】- 007-Item对象、信号和槽-Toy模板网

这篇具有很好参考价值的文章主要介绍了【QML COOK】- 007-Item对象、信号和槽。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

信号（signal）和槽（slot）是Qt的独特的设计，自然在QML中也被支持。

Item是QML所有类型的基类，Item类型不会显示在窗口上，但是可以支持信号和槽。本节就用Item编写一个信号和槽的实例。

1. 创建Qt Quick并编辑Main.qml

import QtQuick

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    MouseArea {
        anchors.fill: parent
        onClicked: {
            sender.something("haha")
        }
    }

    Item {
        id: sender
        signal something(message : string)
        onSomething: (message) =>  {
                        console.log("Something happened(sender):", message)
                     }
    }

    Item {
        id: receiver

        Connections {
            target: sender
            function onSomething(message : string) {
               console.log("Something happened(receiver):", message)
            }
        }
    }
}

代码中创建了两个Item对象，一个id为sender，另一个为receiver。
sender里定义了一个信号something
在QML中如果一个对应定义了一个信号XXX，QML就会自动给它添加一个名为onXXX的槽属性。该属性的值是一个Javascript方法。当收到信号XXX时，onXXX对应的Javascript代码就会被调用。
如果想在另一个对象中接收信号，就必须在对象中创建一个Connections类型的对象。Connections的target属性值为信号发射对象的id。想接收哪个信号就定义一个onXXX的Javascript方法，当target对象发射信号后，onXXX方法就会被调用。
我在MouseArea中通过sender.something("haha")发射信号。

2. 运行程序

【QML COOK】- 007-Item对象、信号和槽,QML COOK,QML,Qt,signal,slot 文章来源地址https://www.toymoban.com/news/detail-816446.html