如何在将c++中的Qlist<object*> 注册到qml中并使用

因为经常需要将c++中数据传递到qml中使用,而c++中数据多是以Qlist

class Person : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString name READ name WRITE setName NOTIFY nameChanged)
    Q_PROPERTY(int shoeSize READ shoeSize WRITE setShoeSize NOTIFY shoeSizeChanged)
public:
    Person(QObject *parent = 0);
    ~Person();
    QString name()const;
    void setName(const QString name);
    int shoeSize()const;
    void setShoeSize(const int shoeSize);
signals:
    void nameChanged();
    void shoeSizeChanged();
private:
    QString m_name;
    int m_shoeSize;
};
class BirthdayParty :public QObject
{
    Q_OBJECT
    Q_PROPERTY(QQmlListProperty<Person> guests READ guests)
public:
    BirthdayParty(QObject *parent = 0);
    ~BirthdayParty();
    QQmlListProperty<Person> guests();

    Q_INVOKABLE void appendData();
    Q_INVOKABLE int guestsCount()const;
private:
    QList<Person*> m_guests;//宾客
};

2、在main文件中注册存储对象和数据对象

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    qmlRegisterType<BirthdayParty>("Birthday",1,0,"Birthday");
    qmlRegisterType<Person>("Person",1,0,"Person");

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

    return app.exec();
}

3、在qml中的使用方式为

import QtQuick 2.6
import QtQuick.Window 2.2
import Birthday 1.0
import Person 1.0

Window {
    id: root;
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    property int count: 0;

    MouseArea {
        anchors.fill: parent
        onClicked: {
            count = 0;
            if(birthday.guests.length > 0)//这里主要测试是否可以修改该数组中的数据
            {
                console.debug("数据变了吗 name = ",birthday.guests[0].name,",大小 = ",birthday.guests[0].shoeSize);
            }
            birthday.appendData();
            count = birthday.guestsCount();
        }
    }

    Rectangle
    {
        width: 300;
        height: 300;
        color: "lightblue";
        anchors.centerIn: parent;
        ListView
        {
            id: list;
            anchors.fill: parent;
            model: root.count;
            delegate: com;
        }
    }

    Birthday
    {
        id:birthday;
    }

    Component
    {
        id:com;
        Column
        {
            id:col;
            width: list.width;
            spacing: 10;
            property Person person: null;

            Component.onCompleted:
            {
                person = birthday.guests[index];
                person.name = "李四";
                person.shoeSize = 100;
                nameTxt.text = person.name;
                shoeSizeTxt.text = person.shoeSize;
            }

            Text
            {
                id:nameTxt;
            }

            Text
            {
                id:shoeSizeTxt;
            }
        }
    }
}

4、至此,可以方便的使用数据了,ok~

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
这段代码是一个 C++ 程序的入口函数,主要是创建了一个 Qt 框架下的 GUI 应用程序,并且将一个 JSON 文件的数据读取出来并解析成 QML 模型,在 QML 进行显示。 具体来说: 1. `QGuiApplication app(argc, argv);` 创建了一个 Qt GUI 应用程序。 2. `QQmlApplicationEngine engine;` 创建一个 QML 引擎。 3. `QFile file(":/data.json");` 创建一个 QFile 对象,用于读取 JSON 文件。 4. `if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) return -1;` 判断 JSON 文件是否能够成功打开,如果不能则返回 -1。 5. `QTextStream in(&file); QString json = in.readAll();` 从 JSON 文件读取所有内容。 6. `QJsonDocument doc = QJsonDocument::fromJson(json.toUtf8()); QJsonObject obj = doc.object();` 将 JSON 数据解析成 QJsonObject 对象。 7. `QList<QObject*> dataList;` 创建一个 QList,用于存储 QML 需要显示的数据。 8. `for (auto key : obj.keys()) { dataList.append(new QObject(&engine)); dataList.last()->setProperty("name", key); dataList.last()->setProperty("value", obj.value(key).toString()); }` 遍历 QJsonObject 对象的所有键值对,将键值对转换成一个个 QObject 对象,并将这些对象的属性设置成键值对的键和值。 9. `engine.rootContext()->setContextProperty("jsonModel", QVariant::fromValue(dataList));` 将 QList 的数据设置成 QML 模型,并将其命名为 "jsonModel",在 QML 可以通过这个名称来访问这个模型。 10. `engine.load(QUrl(QStringLiteral("qrc:/main.qml")));` 加载 QML 文件。 11. `return app.exec();` 启动应用程序的事件循环,并返回应用程序的退出代码。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值