Qml中信号的发送与接收信号槽函数的使用

最新推荐文章于 2025-05-24 19:20:08 发布

原创

最新推荐文章于 2025-05-24 19:20:08 发布 · 1.5w 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了Qml中如何发送和接收信号，特别是在ImageItem.qml文件中的实践案例，展示了如何在槽函数中处理接收到的信号参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Qt/C++中，发送信号的函数和对应的槽函数在参数顺序、类型方面必须保持一致，此外，要让一个信号发射后进入相应的槽函数，必须用connect进行连接，这样，信号和槽才能连接起来。在QML中，发送信号和接受信号的槽，用起来比Qt/C++还更方便，用法如下：
1. 定义信号： signal sigFunc(type param)进行定义
2. 发送时信号：emit: sigFunc(parameter);

3. 接受信号的槽：onSigFunc: { //...; //接收发送过来的参数时，直接用信号定义时的形参param即可 }

例子：
ImageItem.qml文件如下：

import Material 0.1
import QtQuick 2.4
import QtQuick.Layouts 1.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

Rectangle {
    id: rect
    border.color: "red"
    width: 150
    height:150
    signal testClicked(color colParam);	//该文件中发送带参信号

    Image {
        id:img
        anchors.fill: parent
        fillMode: Image.PreserveAspectFit
        source:"12345.jpg"
    }

    MouseArea {
        id: big_mouse
        anchors.fill: parent
        property point clickPos: "0,0"

        onPressed: {
            clickPos = Qt.point(mouse.x,mouse.y)
            console.log("onP