QML绑定C++属性后拖动组件时C++属性值不更新该如何解决？

• C++侧Q_PROPERTY定义不完整，存在两处核心错误：
  1. 声明的READ方法getMyValue没有具体实现，仅定义了同名成员变量
  2. 未声明NOTIFY对应的myValueChanged信号，且setMyValue方法修改值后没有触发该信号
• QML中单例对象名使用错误：你注册单例时指定的QML侧对象名为MyClass（大写开头），但代码中全部使用小写的myClass访问，导致属性赋值实际未生效
• 初始绑定仅为单向绑定：value: myClass.myValue仅实现C到QML的单向同步，不会自动回传QML侧的修改到C

第一步：修正C++类定义 #

#include <QtMath>

class MyClass : public QObject {
    Q_OBJECT
public:
    explicit MyClass(QObject* parent = nullptr) : QObject(parent) {}

    // 补全READ方法
    double getMyValue() const {
        return myValue;
    }

    // 修改setter，增加重复值判断、触发NOTIFY信号
    void setMyValue(double n) {
        // 浮点数精度判断，避免重复触发信号导致循环绑定
        if (qFuzzyCompare(myValue, n))
            return;
        std::cerr << "myValue being update: " << n << "\n";
        myValue = n;
        emit myValueChanged(myValue);
    }

// 声明NOTIFY信号
signals:
    void myValueChanged(double value);

private:
    double myValue = 30;
};

你的单例注册代码无需修改，保持原有写法即可。

第二步：修正QML代码实现双向绑定 #

你使用的Qt 6.2+版本支持原生双向绑定运算符<=>，代码最简洁：

import com.me.test 1.0
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 200
    height: 100

    Slider {
        id: slider
        height: 30
        width: 100
        from: 0
        to: 100
        // 双向绑定，一行实现C++和QML属性双向同步
        value <=> MyClass.myValue
        onValueChanged {
            console.log("slider value = " + value)
            console.log("C++ myValue = " + MyClass.myValue)
        }
    }
}

如果偏好传统写法，也可以手动实现双向同步，效果完全一致：

Slider {
    id: slider
    height: 30
    width: 100
    from: 0
    to: 100
    value: MyClass.myValue
    // QML值变化同步到C++
    onValueChanged: MyClass.myValue = value
    // C++值变化同步到QML，避免绑定被赋值操作打断
    Connections {
        target: MyClass
        function onMyValueChanged(v) {
            slider.value = v
        }
    }
}

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