QML-基本信号槽

import QtQuick 2.0
import QtQuick.Window 2.12
import QtQuick.Controls 2.5

Window {
    width: 500
    height: 500
    color: "white"
    visible: true

    signal testSig(string s,int value)

    function func(ss,ii){
        console.log(ss,ii)
    }

    Button{
        width: 50
        height: 50
        //点击触发
        onClicked:{
            testSig("zhangsan",99)
        }
    }
    //信号槽连接
    Component.onCompleted: {
        testSig.connect(func)
    }
}

import QtQuick 2.0
import QtQuick.Window 2.12
import QtQuick.Controls 2.5


ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: qsTr("Signal and Slot Example")

    Column {
        spacing: 20
        anchors.centerIn: parent

        Button {
            id: button1
            text: "Button 1"
            // 定义并发射一个信号
            signal buttonClicked(string message)
            onClicked: {
                buttonClicked("Button 1 clicked")
            }
        }

        Button {
            id: button2
            text: "Button 2"
            // 定义并发射一个信号
            signal buttonClicked(string message)
            onClicked: {
                buttonClicked("Button 2 clicked")
            }
        }

        Text {
            id: displayText
            text: "Click a button"
        }

        // 使用 Connections 元素连接信号和槽
        Connections {
            target: button1
            onButtonClicked: {
                displayText.text = message
            }
        }

        Connections {
            target: button2
            onButtonClicked: {
                displayText.text = message
            }
        }
    }
}