QML中的信号和函数

最新推荐文章于 2025-09-29 15:09:31 发布

原创

最新推荐文章于 2025-09-29 15:09:31 发布 · 747 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#qt #开发语言 #c++

本文详细介绍了QML中的信号和函数机制，包括信号处理器的使用、属性变化时的信号处理、附加信号处理器、使用Connections连接信号、自定义信号和函数，以及如何使用connect() / disconnect()函数进行连接和断开。

在Qt C++中，signals & slots是其核心机制，是应用程序与UI组件交互的神经网络，同样在QML中，也有类似的signal & handler机制，signal信号就是我们常说的一种事件，可通过signal handler信号处理器来处理这个信号。当某个signal信号被发送时，对应的handler信号处理器也被触发，我们就可以在handler信号处理器中做一些事情，来处理这个signal信号事件。

1、“HelloWorld”信号简述

下面是一个简单的例子：

import QtQuick 2.3
import QtQuick.Controls 1.2

Rectangle {
    width: 360; height: 200
    color: "lightblue"

    Button {
        text: "Quit!"
        anchors.centerIn: parent
        onClicked: Qt.quit()
    }
}

在一个Rectangle中有一个Button，这个Button默认有一个clicked()信号，相应的就会有一个onClicked信号处理器。如果有一个signal()信号，那么相应的信号处理器handler就是onSignal，注意大小写，信号中有参数时信号处理器会接收到且可以使用。当我们用鼠标左键点击例子中的的Button时，就会发送clicked()信号，触发信号处理器onClicked，这里调用了Qt.quit()函数来退出应用程序。

2、属性handler

当QML属性值改变时，会自动发送一个该属性值变化的信号，对应的信号处理器的格式是on<Property>Changed，不管是QML内建的属性，还是我们自定义的属性，一旦属性值改变，都会触发相应的信号处理器，举例如下：

import QtQuick 2.3
import QtQuick.Controls 1.2

Rectangle {
    width: 360; height: 100
    color: "lightblue"

    onColorChanged: console.log("color changed")

    Button {
        text: "Change Color"
        anchors.centerIn: parent
        onClicked: parent.color = "yellow"
    }
}

点击Button按钮时，Rectangle的color会从原来的lightblue变为yellow，这时就会触发onColorChanged，输出“color changed”。