自定义信号

最新推荐文章于 2024-04-07 19:43:15 发布

blank_Gou

最新推荐文章于 2024-04-07 19:43:15 发布

阅读量638

点赞数

分类专栏： qml学习笔记文章标签： qml signal 信号

本文链接：https://blog.csdn.net/blank_Gou/article/details/75000254

版权

qml学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、格式

1.信号定义：
signal <信号名称>([<参数1>,[<参数2>]...])
2.信号触发同普通函数调用

3.信号侦听（槽）：on + 首字母大写的信号名称

二、例子

1、自定义了信号的文件 ClickableSquare.qml

import QtQuick 2.0

Rectangle {
    id:root
    width: 200
    height: 200
    color: "#7a7556"

    signal myClicked()

    MouseArea{
        anchors.fill: parent

        onClicked:{

            root.myClicked();
        }
    }
}

2、在main.qml中侦听信号

import QtQuick 2.8
import QtQuick.Window 2.2
import QtQuick.Controls 2.1

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

    ClickableSquare{
        id:uiSquare

        onMyClicked: {
            console.log("signal succ");
        }
    }

    function handleSignal(){
        console.log("signal succ 2");
    }

    Component.onCompleted: {
        uiSquare.myClicked.connect(uiRoot.handleSignal);
    }

}

3、注意事项：ClickableSqure.qml 中定义的信号名为： myClicked，调用的信号名也为 myClicked，但是在 main.qml 中侦听信号时，信号名用的是 onMyClicked 。