qml 信号与槽的使用

最新推荐文章于 2023-06-06 20:26:40 发布

码农客栈_V13427279549

最新推荐文章于 2023-06-06 20:26:40 发布

阅读量238

点赞数

分类专栏： qml Qt 文章标签： qml 信号与槽

本文链接：https://blog.csdn.net/ckg3824278/article/details/127557991

版权

Qt 同时被 2 个专栏收录

50 篇文章 8 订阅

订阅专栏

qml

13 篇文章 0 订阅

订阅专栏

//1、直接用on+信号（信号的首字母要改为大写）的方式连接响应
Button{
   width: 200
   height: 100
   onClicked: {
       console.log("hello")
   }
}

//2、通过Connections指定信号发射的target的方式连接
Button{
    width: 200
    height: 100
    id : btn
}

Connections{
    target: btn
    onClicked:{
        console.log("hello")
    }
}

//3、通过Component将信号和槽函数连接起来
Window {
    visible: true
    width: 480
    height: 360
    title: qsTr("Hello World")
    id :root

    signal sigTest() //自定义的信号
    function func(){
        console.log("hello world")
    }

    Button{
        width: 200
        height: 100
        id : btn
        onClicked: {
            root.sigTest()
        }
    }

    Component.onCompleted: {
        sigTest.connect(func)
    }
}

//当发射的信号带有参数时，可以使用以下3种方法
Window {
    visible: true
    width: 480
    height: 360
    title: qsTr("Hello World")
    id :root

    signal sigTest(string data) //自定义的信号
    function func(data){
        console.log("func : " + data)
    }

    Button{
        width: 200
        height: 100
        id : btn
        onClicked: {
            root.sigTest("hello")
        }
    }

    Connections{
        target: root
       function onSigTest(str){
           console.log("function : ", str)
        }
    }

    Connections{
        target: root
        onSigTest:{
            console.log(data)
        }
    }

    Component.onCompleted: {
        sigTest.connect(func)
    }
}