QList <QList <QString >>傳遞給QML

Question

我試圖將2d QList作為Q_PROPERTY傳遞給QML，但是，在QML中，我無法實際訪問任何信息。

一些代碼：

c ++：q_property由構造函數中的q_invokable函數填充：

void Class::createNewGameArray(){
QList<QList<QString>> testArray;

for( int i = 0; i < _intervals.size(); ++i) {
    QList<QString> innerArray;
    testArray.append(innerArray);
        testArray[i].append(_intervals[i]);
        testArray[i].append("Audio");
}
for( int i = 0; i < _intervals.size(); ++i) {
    QList<QString> innerArray;
    testArray.append(innerArray);
        testArray[i+12].append(_intervals[i]);
        testArray[i+12].append("Text");
}
 std::random_shuffle(testArray.begin(),testArray.end());
Class::setGameArray(testArray);
emit gameArrayChanged(_newGameArray);

返回這個：

(("M7", "Text"), ("M3", "Text"), ("m3", "Text"), ("M6", "Audio"), ("TT", "Audio"), ("P4", "Text"), ("m7", "Audio"), ("m2", "Text"), ("m6", "Audio"), ("m6", "Text"), ("M7", "Audio"), ("P5", "Text"), ("P4", "Audio"), ("m2", "Audio"), ("M2", "Audio"), ("M3", "Audio"), ("P5", "Audio"), ("m3", "Audio"), ("M6", "Text"), ("TT", "Text"), ("m7", "Text"), ("Oct", "Audio"), ("Oct", "Text"), ("M2", "Text"))

正是我想要的。

我在main.cpp中設置了rootContext：

Class object;

QQmlApplicationEngine engine;
QQmlContext* context = engine.rootContext();

context->setContextProperty("object", &object);
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

但是，在qml中我只能得到

qml: QVariant(QList<QList<QString> >)

我無法用它做任何事情。

理想情況下，我的目標是能夠以這種方式從qml訪問2d qlist：

object.gameArray [0] [1] //返回“文本”

我可以用常規QLists（沒有2d）來做到這一點。 任何幫助將不勝感激！

Answer 1

QML本身並不理解QLists，因此通常無法傳入任何類型T的QList並且QML能夠訪問列表中的項目。

但是，QML引擎確實內置了對幾種特定類型的QList的支持：

• QList<QObject *>
• QList<QVariant>
• QStringList - （不是QList<QString> !!!）

因此，如果您可以使用上述3種類型的任意組合構建列表列表，那么您可以擁有一個可行的解決方案。 在您的用例中，我建議采用以下結構：

QList<QVariant(QStringList)>

在我們嘗試之前的最后一點注意事項......僅僅因為這將起作用，並不一定意味着它是一個好主意。 QList內容在運行時被復制到Javascript數組，因此對C ++中任何列表的任何次要更新都會導致整個列表被重建為新的Javascript數組，這可能很昂貴。

現在，我們來試試吧......

myclass.h

#ifndef MYCLASS_H
#define MYCLASS_H
#include <QStringList>
#include <QVariant>

class MyClass : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QList<QVariant> variantList READ variantList NOTIFY variantListChanged)

public:
    explicit MyClass(QObject *parent = nullptr) : QObject(parent),
        m_variantList({
                      QStringList({ "apple", "banana", "coconut" }),
                      QStringList({ "alice", "bob", "charlie" }),
                      QStringList({ "alpha", "beta", "gamma" })
        }) { }

    QList<QVariant> variantList() const { return m_variantList; }

signals:
    void variantListChanged();

public slots:

private:
    QList<QVariant> m_variantList;
};

#endif // MYCLASS_H

main.qml

import QtQuick 2.7
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    Column {
        id: column

        // will add the strings here from the handler below
    }

    Component.onCompleted: {
        console.log("variantList length %1".arg(myClass.variantList.length))

        for (var i = 0; i < myClass.variantList.length; i++) {

            console.log("stringList %1 length %2".arg(i).arg(myClass.variantList[i].length))

            for (var j = 0; j < myClass.variantList[i].length; j++) {
                // print strings to the console
                console.log("variantList i(%1), j(%2) = %3".arg(i).arg(j).arg(myClass.variantList[i][j]))

                // add the strings to a visual list so we can see them in the user interface
                Qt.createQmlObject('import QtQuick 2.7; Text { text: "i(%1), j(%2) = %3" }'.arg(i).arg(j).arg(myClass.variantList[i][j]), column)
            }
        }
    }
}

main.cpp中

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "myclass.h"

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;

    MyClass myClass;
    engine.rootContext()->setContextProperty("myClass", &myClass);

    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}

運行時輸出

qml: variantList length 3
qml: stringList 0 length 3
qml: variantList i(0), j(0) = apple
qml: variantList i(0), j(1) = banana
qml: variantList i(0), j(2) = coconut
qml: stringList 1 length 3
qml: variantList i(1), j(0) = alice
qml: variantList i(1), j(1) = bob
qml: variantList i(1), j(2) = charlie
qml: stringList 2 length 3
qml: variantList i(2), j(0) = alpha
qml: variantList i(2), j(1) = beta
qml: variantList i(2), j(2) = gamma

......它的工作原理:)

Answer 2

自動轉換只適用於幾種特定類型的容器，就是這樣。 僅僅因為轉換A有效，轉換B有效，並不意味着轉換A也會起作用。

在自動轉換不起作用的所有情況下，你幾乎可以忘記使用[]運算符。

然而，變體列表的變體列表可能正常工作。 我自己沒有測試過，但是希望很小。 但是，在將這些內容傳遞給QML之前，您必須手動執行轉換。

絕對可行的方法是創建訪問器函數，例如QString Class::get(int row, int col)或者您可以使用單獨的訪問器來選擇行，然后將該結果傳遞給另一個函數以選擇列給你字符串。