qml使用c++自定义listmodel数据

qml要使用c++中自定义的model,首先该model类需要继承QAbstractListModel类,然后需要重写其中的三个函数,分别是

int rowCount(const QModelIndex &parent);

QVariant data(const QModelIndex &index, int role = Qt::DisplayRole);

QHash<int,QByteArray> roleNames();

代码如下:

DriverModel.h

cpp 复制代码
#ifndef DRIVERMODEL_H
#define DRIVERMODEL_H


#include <QStringList>
#include <QObject>
#include <QtQml>


class DriverModel : public QAbstractListModel
{
    Q_OBJECT
public:

    typedef struct DriverData{
        QString type;
        QString desc;
        QString version;
    }DriverData;

    static DriverModel *instance(QObject *parent = nullptr) {
        static DriverModel *instance = nullptr;
        static std::mutex instance_mutex;
        if (instance == nullptr) {
            std::lock_guard<std::mutex> guard(instance_mutex);
            if (instance == nullptr) {
                instance = new DriverModel(parent);
            }
        }
        return instance;
    }

    explicit DriverModel(QObject *parent = nullptr){
        appendItem(QString::fromLocal8Bit("显卡"),"Raden RX220","1.25.0.1");
    }

    enum LIST_ITEM_ROLE
    {
        type = Qt::UserRole+1,
        desc,
        version
    };


public:
    //必须重写三个函数
    int rowCount(const QModelIndex &parent) const override
    {
        Q_UNUSED(parent);
        return m_list.count();
    }
    QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override
    {
        int row = index.row();
        if(row < 0 || row >= m_list.count()) {
            return QVariant();
        }

        switch(role)
        {
        case type:
            return m_list.value(row).type;
        case desc:
            return m_list.value(row).desc;
        case version:
            return m_list.value(row).version;
        default:
            break;
        }

        return QVariant();
    }
    QHash<int,QByteArray> roleNames() const override
    {
        QHash<int, QByteArray> roles;
        roles[desc] = "desc";
        roles[type] = "type";
        roles[version] = "version";
        return roles;
    }

public:
    //追加数据
    void appendItem(const QString& type,const QString& desc,const QString& version)
    {
        DriverData data;
        data.type = type;
        data.desc = desc;
        data.version = version;

        beginInsertRows(QModelIndex(), m_list.size(), m_list.size());
        m_list.append(data);
        endInsertRows();
    }
    //清空模型数据
    void clearModelData() {
        beginResetModel();
        m_list.clear();
        endResetModel();
    }



private:
    QList<DriverData> m_list;

};



#endif // DRIVERMODEL_H

main.cpp

cpp 复制代码
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include "DriverModel.h"

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

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;

    engine.rootContext()->setContextProperty("driverModel",DriverModel::instance());

    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

cpp 复制代码
import QtQuick 2.12
import QtQuick.Window 2.12

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

    ListView{
        width: parent.width
        height: parent.height
        visible: true
        model: driverModel
        delegate: Item{
            Text{
                id:text1
                text: type
            }
            Text{
                id:text2
                text: desc
                anchors.top: text1.bottom
            }
            Text{
                text: version
                anchors.top: text2.bottom
            }
        }
    }
}
相关推荐
学习星球41 分钟前
单调栈——从“找下一个更大的“到柱状图中的最大矩形
数据库·c++·算法·leetcode·xcode
可乐鸡翅yeah_1 小时前
hls.js 内存泄漏实战排查,直播 M3U8 长时间播放异常定位方案
开发语言·javascript·python·django·ecmascript·m3u8·m3u8在线
2601_962203511 小时前
Java进阶07集合(续)
java·开发语言
郑州光合科技余经理1 小时前
本地生活服务系统:模块边界与结算字段怎么拆
java·开发语言·前端·后端·系统架构·uni-app·php
小灰灰搞电子1 小时前
C++ 引用折叠详解
c++
来了就未晚2 小时前
Python基础 学习代码存储与命名规范
开发语言·python·学习
布莱克6052 小时前
数组详解:定义、作用、应用场景及与链表的区别(C/C++ 代码讲解)
c语言·开发语言·c++·数组
hongmai6668882 小时前
MP2348GTL-Z:这颗24V/4A同步降压芯片,把性能和体积平衡得恰到好处
c语言·开发语言·arm开发·单片机·5g
多弗朗皮卡丘3 小时前
C语言梦开始的地方19:文件操作
c语言·开发语言
Dovis(誓平步青云)3 小时前
折叠屏悬停看视频,上半屏和下半屏应该各做什么
android·java·服务器·开发语言·安全·音视频