QML跨文件共享单例倒计时定时器及剩余值传递问题求助

一、修复单例定时器的错误 #

你遇到的两个单例相关错误，核心原因是单例的定义、qmldir配置和使用方式不匹配，具体修复步骤如下：

1. 修正qmldir与单例文件的对应关系 #

你的qmldir中定义的单例名称是TonTimer，但在代码中却尝试实例化TonTimerSingle，这是错误的。单例不需要实例化，直接通过qmldir中定义的名称访问即可。

确保qmldir文件放在timerFile目录下，内容保持：

singleton TonTimer 1.0 TonTimerSingle.qml

2. 修正单例定时器的代码 #

TonTimerSingle.qml中存在未定义变量popupCountdown，且单例的使用逻辑需要调整：

pragma Singleton
import QtQuick 2.9

Timer {
    id: root

    // 初始化倒计时值，可根据需求修改
    property int countdown: 10

    interval: 1000
    running: countdown > 0
    repeat: true

    // 新增信号，传递剩余倒计时值
    signal quietModeTriggered(int remainingCountdown)

    onTriggered: {
        countdown--;
        quietModeTriggered(countdown);
        console.log("剩余倒计时:", countdown)
        if(countdown === 0) {
            console.log("倒计时结束")
        }
    }

    // 提供启动/重置倒计时的方法
    function startCountdown(seconds) {
        countdown = seconds;
        running = true;
    }
}

3. 正确使用单例 #

在main.qml中不要实例化TonTimerSingle，直接通过导入的TonTimer访问：

import QtQuick 2.9
import QtQuick.Window 2.2

import "qrc:///timerFile"

Window {
    visible: true
    width: 800
    height: 1200
    title: qsTr("Hello World")

    Body {}
    SosPopupActivationReq {}

    // 移除TonTimerSingle的实例化代码
}

二、实现Actpopup与Body的倒计时值传递 #

1. 在Actpopup中触发单例定时器并传递关闭信号 #

修改Actpopup.qml，在滑块拉到终点时启动单例定时器，关闭弹窗前传递剩余倒计时值：

Popup {
    id: actPopup

    // 定义信号，用于传递剩余倒计时值
    signal popupClosed(int remainingCountdown)

    RoundButton {
        id:closeBtn
        text: "X"
        x: 55
        y: 46
        width: 40
        height: 40
        onClicked: {
            // 先发送信号传递剩余倒计时，再关闭弹窗
            popupClosed(TonTimer.countdown);
            actPopup.close();
            console.log("弹窗已关闭，剩余倒计时:", TonTimer.countdown)
        }
    }

    Slider {
        id:control
        value: 0
        Layout.topMargin: 20
        Layout.leftMargin: 154
        onPositionChanged: {
            backgroundText.opacity = 1-position
            if(control.visualPosition === 1.0) {
                console.log("SOS已激活，启动倒计时")
                // 启动单例定时器，设置倒计时时长（示例为10秒）
                TonTimer.startCountdown(10);
            }
        }

        // 滑块其余代码保持不变...
    }

    Label {
        id: popupTimerLabel
        width: 428
        // 绑定单例的倒计时值，实时更新显示
        text: "SOS will send in "+ TonTimer.countdown +" Seconds"
        color: "#cc0000"
        font.pixelSize: 40
        Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
    }
}

2. 在Body中接收弹窗的关闭信号并更新UI #

修改Body.qml，在创建弹窗时连接popupClosed信号，同时绑定单例定时器的状态和倒计时值：

Item {
    id: root

    // 存储剩余倒计时值，用于按钮显示
    property int remainingCountdown: 0

    Button {
        id: qoBtn
        implicitWidth: 162
        implicitHeight: 162
        // 根据剩余倒计时更新按钮文本
        text: remainingCountdown > 0 ? remainingCountdown.toString() : "QO"

        background: Rectangle {
            id:sosBtnBg
            // 绑定单例定时器的运行状态，切换按钮背景色
            color: TonTimer.running ? "#cc0000" : "#bfc6d0"
        }

        // 按钮其余内容保持不变...

        onClicked: {
            console.log("======> 点击按钮 <========")
            var popupComponent = Qt.createComponent("Actpopup.qml")
            if(popupComponent.status !== Component.Ready) {
                if( popupComponent.status === Component.Error)
                    console.debug("错误:"+ popupComponent.errorString());
                return;
            }
            var popup2 = popupComponent.createObject(qoBtn);
            // 连接弹窗的关闭信号，接收剩余倒计时
            popup2.popupClosed.connect(function(count) {
                remainingCountdown = count;
                console.log("接收弹窗剩余倒计时:", count)
            })
            // 监听单例定时器的实时信号，同步更新倒计时
            TonTimer.quietModeTriggered.connect(function(count) {
                remainingCountdown = count;
            })
            popup2.open()
        }
    }
}

三、关键注意事项 #

• 单例无需实例化，直接通过qmldir中定义的名称（TonTimer）访问其属性和方法
• QML信号是同步执行的，因此在弹窗关闭前发送信号，接收方会在弹窗销毁前处理信号，无需担心信号丢失
• 确保qmldir文件被正确添加到资源文件（qrc）中，否则无法导入单例

内容的提问来源于stack exchange，提问作者user19012733