qt 通过信号方式传递二维数组给 qml

在Qt中，可以使用信号和槽机制来将二维数组传递给QML界面。这里我们可以使用QVariantList和QVariantMap来实现。

下面是一个示例，其中包含一个QObject派生类，该类存储一个二维数组，并通过信号将它传递给QML。在QML中，可以使用JavaScript来访问这个二维数组。

C++代码：

#include <QObject>
#include <QVariant>
#include <QVariantList>
#include <QVariantMap>

class MyObject : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QVariantList data READ getData NOTIFY dataChanged)

public:
    explicit MyObject(QObject *parent = nullptr);

    QVariantList getData() const;

signals:
    void dataChanged();

private:
    QVector<QVector<int>> m_data;
};

在MyObject类中，我们定义了一个QVector<QVector<int>>类型的私有成员变量m_data，其存储了一个二维数组。getData()函数将二维数组转换为QVariantList类型，并返回给QML界面。

QVariantList MyObject::getData() const
{
    QVariantList list;
    for (int i = 0; i < m_data.size(); i++) {
        const QVector<int> &row = m_data.at(i);
        QVariantList rowList;
        for (int j = 0; j < row.size(); j++) {
            rowList.append(row.at(j));
        }
        list.append(rowList);
    }
    return list;
}

接下来，我们在MyObject类中定义了一个名为dataChanged()的信号，它将在二维数组发生变化时发射。

signals:
    void dataChanged();

在MyObject类中，我们定义了一个名为setData()的槽函数，它将接受一个QVariantList类型的参数，并将其转换为二维数组，然后将其存储到m_data变量中，并发射dataChanged()信号。

public slots:
    void setData(const QVariantList &data) {
        m_data.clear();
        for (int i = 0; i < data.size(); i++) {
            QVariantList rowList = data.at(i).toList();
            QVector<int> row;
            for (int j = 0; j < rowList.size(); j++) {
                row.append(rowList.at(j).toInt());
            }
            m_data.append(row);
        }
        emit dataChanged();
    }

在QML界面中，我们可以通过连接MyObject类的dataChanged()信号来接收二维数组的变化。

import QtQuick 2.0
import MyModule 1.0

Item {
    MyObject {
        id: myObject
    }

    Component.onCompleted: {
        myObject.setData([
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9]
        ]);
    }

    Connections {
        target: myObject
        onDataChanged: {
            var data = myObject.data;
            console.log(data); // 输出 QVariantList

            for (var i = 0; i < data.length; i++) {
                var row = data[i];
                for (var j = 0; j < row.length; j++) {
                    var value = row[j];
                    console.log(value);
                }
            }
        }
    }
}

在QML界面中，我们可以使用setData()函数来设置二维数组的值。当二维数组发生变化时，dataChanged()信号将被发射，并执行Connections中的onDataChanged()函数。在onDataChanged()函数中，我们可以使用JavaScript来访问二维数组。