qml中 ListView/ListModel 从c++获取数据 qml和c++交互

1 c++功能函数:

QJsonArray classA::getJsonArray()
{
    QJsonArray array;

    QJsonObject json1;
    json1.insert("name", "Bill Smith");
    json1.insert("number", "555 3264");
    array.append(json1);

    QJsonObject json2;
    json2.insert("name", "John Brown");
    json2.insert("number", "555 8426");
    array.append(json2);

    QJsonObject json3;
    json3.insert("name", "Sam Wise");
    json3.insert("number", "555 0473");
    array.append(json3);

    return array;
}

2 qml中进行解析

	var temp=classa.getJsonArray()
	for(var i=0;i<temp.length;i++)
		model.append(temp[i])


完整代码:

//classa.h
#ifndef CLASSA_H
#define CLASSA_H

#include <QObject>
#include <QJsonArray>
#include <QJsonObject>

class classA : public QObject
{
    Q_OBJECT
public:
    explicit classA(QObject *parent = nullptr);

signals:

public slots:
    QJsonArray getJsonArray();
};

#endif // CLASSA_H
//classa.cpp
#include "classa.h"

classA::classA(QObject *parent) : QObject(parent)
{

}

QJsonArray classA::getJsonArray()
{
    QJsonArray array;

    QJsonObject json1;
    json1.insert("name", "Bill Smith");
    json1.insert("number", "555 3264");
    array.append(json1);

    QJsonObject json2;
    json2.insert("name", "John Brown");
    json2.insert("number", "555 8426");
    array.append(json2);

    QJsonObject json3;
    json3.insert("name", "Sam Wise");
    json3.insert("number", "555 0473");
    array.append(json3);

    return array;
}
//main.cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>

#include "classa.h"

int main(int argc, char *argv[])
{
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif

    QGuiApplication app(argc, argv);

    /*
    * MyClassA: qml中import的包名
    * 1: 主版本号
    * 0: 次版本号
    * ClassA: qml中使用的对象名
    */
    qmlRegisterType<classA>("MyClassA", 1, 0, "ClassA");


    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);

    return app.exec();
}
//main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import MyClassA 1.0

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    ClassA
    {
        id:classa
    }

    ListModel
    {
        id:model
    }

    ListView
    {
        id:listview
        width: 180;
        height: 200
        model: model
        delegate: Text {
            text: name + ": " + number
        }
    }

    Button
    {
        x:200
        text: "改变model内容"
        onClicked:
        {
            var temp=classa.getJsonArray()

            for(var i=0;i<temp.length;i++)
                model.append(temp[i])
        }
    }
    
}
  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QML是一种用于构建用户界面的语言,而ListModelQML用于在界面展示数据列表的一种模型。使用ListModel可以很方便地制作表格,并在QML界面展示出来。 要使用ListModel制作表格,首先需要在QML代码定义一个ListModel对象。可以在QML直接声明该对象,并为其设置属性和方法。然后,在表格的每一行或列,可以使用ListView或GridView等组件来展示数据,并绑定到ListModel的数据源上。 在ListModel,可以使用各种方法来添加、移除和修改数据。通过修改数据源,可以动态地更新表格的数据内容。同时,也可以为ListModel设置角色(role),以便在表格展示更复杂的数据内容。 对于简单的表格,可以使用ListView或GridView来展示数据。这些组件可以根据数据源的大小和数据模型来自动创建和展示对应数量的行或列。对于更复杂的表格,可以使用Repeater等组件来手动创建和展示每个单元格。 除了基本的数据展示外,还可以通过设置不同的样式和布局,来使表格更加美观和用户友好。例如,可以自定义每个单元格的样式,设置行或列的间距和边框等。 使用ListModel制作表格的好处是,可以很方便地处理大量数据和数据更新。通过对数据源的修改,可以实时更新表格的数据内容,从而满足用户的需求。此外,QML还提供了丰富的动画和交互效果,可以为表格添加更多的视觉效果,提升用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值