【QT Quick】C++交互：与QML类型转换

在本节课中，我们将讨论C++与QML之间的数据类型转换。这种转换非常重要，因为在许多应用程序中，C++生成的数据需要传递给QML，同时QML中的数据也需要被C++访问和处理。我们将重点关注基本数据类型、数组类型和对象（map）类型的转换。

基本数据类型的处理

使用QVariant

QVariant是一个通用的数据类型，可以存储多种类型的数据。它是进行C++与QML之间数据传递的基础。对于基本数据类型的转换，通常直接使用QVariant的构造函数。

示例：

在C++中调用QML方法并传递基本类型：

QMetaObject::invokeMethod(qmlObject, "someFunction", Q_ARG(QVariant, QVariant::fromValue(42)));

在QML中接收参数：

function someFunction(value) {
    console.log("Received value:", value);
}

支持的基本类型

以下是QVariant支持的一些基本数据类型：

• bool → Boolean
• int → Int
• double → Double
• float → Real
• QString → String

使用QVariantMap和QVariantList

QVariantMap

QVariantMap是一个键值对的集合，类似于JavaScript对象。它非常适合于传递结构化的数据。

示例：

在C++中创建QVariantMap并传递给QML：

QVariantMap variantMap;
variantMap["Name"] = "Test Name";
variantMap["URL"] = "http://example.com";

QMetaObject::invokeMethod(qmlObject, "readMap", Q_ARG(QVariant, QVariant::fromValue(variantMap)));

在QML中接收并使用QVariantMap：

function readMap(map) {
    for (var key in map) {
        console.log(key + ": " + map[key]);
    }
}

QVariantList

QVariantList是一个可以存储多个QVariant的列表，类似于JavaScript的数组。

示例：

在C++中创建并传递QVariantList：

QVariantList variantList;
variantList << "Item1" << "Item2" << "Item3";

QMetaObject::invokeMethod(qmlObject, "readList", Q_ARG(QVariant, QVariant::fromValue(variantList)));

在QML中接收并使用QVariantList：

function readList(list) {
    for (var i = 0; i < list.length; i++) {
        console.log("Item:", list[i]);
    }
}

数组类型的转换：使用std::vector

std::vector是一种动态数组，常用于存储同类型的元素。我们可以将std::vector转换为QList，从而方便地与QML交互。

转换std::vector为QList

示例：

在C++中使用std::vector并传递给QML：

#include <QList>
#include <vector>

void callReadArray(QObject* qmlObject) {
    std::vector<int> intVector = {1, 2, 3, 4, 5};

    // 转换std::vector为QList
    QList<int> list = QList<int>::fromStdVector(intVector);
    QMetaObject::invokeMethod(qmlObject, "readArray", Q_ARG(QVariant, QVariant::fromValue(list)));
}

在QML中定义接收数组的函数：

function readArray(arr) {
    var str = "";
    for (var i = 0; i < arr.length; i++) {
        str += arr[i] + " ";
    }
    console.log("Received array:", str);
}

双向数据传递

C++与QML之间的数据传递不仅限于单向。我们可以通过信号和槽机制实现双向交互。

从QML调用C++

Button {
    text: "Click Me"
    onClicked: {
        myCppObject.mySlotFunction();
    }
}

从C++访问QML属性

在C++中获取QML对象的属性值：

QObject* myObject = qmlObject->findChild<QObject*>("myQmlObject");
QString myProperty = myObject->property("myProperty").toString();

小结

掌握C++与QML之间的类型转换是开发Qt应用的关键。通过使用QVariant、QVariantMap、std::vector和QMap，我们可以灵活地传递各种类型的数据。同时，利用Qt的信号与槽机制，实现双向数据交互，增强应用的动态性与交互性。通过这些方法，开发者能够构建出高效、可维护的Qt应用程序。