将自定义 C++ 类型作为 QML 函数参数传递

Question

我正在尝试使用相应的参数创建自定义类实例并将其传递给 Q_INVOKABLE 函数。 我试图举一个例子来指出我想要做什么。所以基本上我有一个类 Foo 和另一个类 Bar 有一个以 Foo 作为参数的函数。我想在 QML 中调用此函数，但我不知道如何实例化 Foo 以将其作为该函数的参数传递。

编辑 - 有关主要目标的更多信息：

真正的目标是拥有一个包含自定义类对象列表的子类 QAbstractItemModel。然后将使用模型 data() 函数表示该列表。该模型应该以某种方式表示为 QML 中的视图。我也想在运行时填充模型。所以模型类应该有一个函数，它接受一个自定义类实例并将其附加到内部列表中。所以我的方法是在 qml 中创建并传递自定义类实例。我还没有找到任何例子来做那种事情。 这是我所拥有的：

Foo.h

class Foo : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString name READ getName WRITE setName)
public:
    Foo(QString fooName, QObject *parent = 0) : QObject(parent){
        name = fooName;
    }          
    QString getName() const {
        return name;
    }
    void setName(const QString &value){
        name = value;
    }    
private:
    QString name;
};

Bar.h

class Bar : public QObject
{
    Q_OBJECT
public:
    explicit Bar(QObject *parent = 0) : QObject(parent){}

    Q_INVOKABLE void addFoo(const Foo &foo){
        fooList.append(foo);
    } 
private:
    QList<Foo> fooList;
};

ma​​in.cpp

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    qmlRegisterType<Foo>("Test", 1, 0, "Foo");
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    engine.rootContext()->setContextProperty("bar", new Bar());    
    return app.exec();
}

ma​​in.qml

import Test 1.0

Window {    
    Button {
        id: addFoo
        text: "Add new Foo to Bar"
        onClicked: {
            bar.addFoo(????)
        }
    }   
}

Answer 1

您可以通过给Foo 提供一个可以不带参数调用的构造函数来使Foo 可实例化，然后使用CMLDMR 建议的方法，或者添加一个可以创建实例的“工厂”函数。

在后一种情况下，您要么需要使用 Foo* 作为工厂函数的返回值和 addFoo() 的参数，要么将 Foo 更改为带有属性的 Q_GADGET 宏的值类而不是来自QObject

鉴于您在Foo 中没有信号，我会推荐后者。

大概是这样的：

class Foo
{
    Q_GADGET
    Q_PROPERTY(...)

// ....
};


class Bar : public QObject
{
// ...

    Q_INVOKABLE Foo createFoo(const QString &name);
    Q_INVOKABLE void addFoo(const Foo &foo);
};

编辑：它还需要

qRegisterMetaType<Foo>();

Answer 2

在 QML 中传递对象之前，您应该通过 Foo 创建一个对象。 来源：Qt5 C++ GUI Programming Cookbook. Lee Zhi Eng，第37页

import Test 1.0

Window {
    Foo {
    id: Foo_object
    }    
    Button {
        id: addFoo
        text: "Add new Foo to Bar"
        onClicked: {
            bar.addFoo(Foo_object)
        }
    }   
}