C++传数据给Qml

---

传递简单数据

C++传递简单的数据给QML的方式有如下两种：

• C++类通过返回类型，传数据给给QML
• C++通过发送信号，附带参数给QML

以上两种类型，都可以传QList，比如Q_INVOKABLE QVariantList QmlGetAttributeValue(const QString& key); 其中QVariantList是QList<QString>类型。
或者通过信号发送附带参数，比如定义一个如下的信号：void linkedDataChanged(QList<QVariant>);
使用QList<QVariant>的话，QVariant里可以放任何你想要的数据结构，一般都是自定义的居多。如果不是自定义的数据，可以直接使用QT的定义类型。可以参考这篇文章：Data Type Conversion Between QML and C++

传LIST链表

QList类型传入到Qml中，被当做了一个JavaScript的数组对待，那么QML可以使用如下方法获取长度，并遍历之：

function onLinkedDataChanged(dictList) {
    console.log("===== len : "+dictList.length)
    for (let i = 0; i < dictList.length; i++) {
        let dict = dictList[i]
        console.log("update: " + dict.update);
        console.log("disable: " + dict.disable);
        console.log("invisible: " + dict.invisible);
    }
}

上述是qml的槽函数，连接了void linkedDataChanged(QList<QVariant>);这个信号，并传入自定义的数据结构。如何给QML传入C++自定义的数据结构可以参考：给QML传递在C++中自定义数据类型（Class）的数据

传MAP键值对

如果想给QML传入键值对，可以使用QMap类型，依然的可以使用QMap<int, QVariant>，给它传入自定义的数据结构。
那么在QML中，QMAP被当做了一个JavaScript的字典对待。可以使用如下方式对其进行遍历：

for (let dict in dictList) {

}

传JSON文件

如下是传入一个JSON数组，数组里多个JSON object。

QJsonDocument jsonDoc;
QJsonArray array;
for (auto e : mp) {
    QJsonObject jsonObject{ {StringUtil::StringToQString(e.first),
                    StringUtil::StringToQString(e.second)} };
    array.append(jsonObject);
    jsonDoc.setObject(jsonObject);
}
jsonDoc.setArray(array);

emit linkedDataChanged(jsonDoc.toJson());

传递自定义的结构体

• 1、类定义处，增加Q_GADGET的定义
• 2、定义需要使用的成员Q_PROPERTY
• 3、使用Q_DECLARE_METATYPE注册好定义的类（这可以让QT的元系统认识这个自定义的结构）
• 4、写一个接口返回该类型数据，让QML调用
• 5、QML使用时，拿到返回的该数据，直接通过.来调用具体的Q_PROPERTY所定义的成员（这里使用Q_PROPERTY的第一个参数：名称）

自定义结构体：

class InspectorMaterialInfo
{
    Q_GADGET
    Q_PROPERTY(QString displayName READ GetDisplayName WRITE SetDisplayName)
public:
    InspectorMaterialInfo() = default;
    ~InspectorMaterialInfo() = default;

    const QString &GetDisplayName() const;
    void SetDisplayName(const QString &newDisplayName);

private:
    QString m_displayName;
};
Q_DECLARE_METATYPE(SPEDITOR::InspectorMaterialInfo);

通过提供给QML的接口，将数据返回给QML

QVariant getInfo()
{
    QVariant ret;
    InspectorMaterialInfo info;

    ret.fromValue<InspectorMaterialInfo>(info);
    return ret;
}

QML里的用法

let info = TestInst.getInfo()
if (info != undefined) {
    info.displayName   	// 使用该数据     
}

---