Qml与C++借助QAbstractListModel构建model/view

最新推荐文章于 2025-02-10 17:59:33 发布
最新推荐文章于 2025-02-10 17:59:33 发布
阅读量5.4k 收藏 16
点赞数 7
分类专栏： Qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zmxzmx110/article/details/82227743
版权

Qml与C++借助QAbstractListModel构建model/view

Qt中包含了一系列的项视图类，它们使用model/view的架构去管理数据之间的关系以及它们被展示给用户的方式。这种由这种架构引进的功能分离特性给了开发者很大的灵活性去自定义自己的展示方式，并且提供了一个编制的模型接口以使很多种的数据源都可以和现存的视图相结合。我想借助C++构建model，然后Qml中进行View，上网查找只是看到了许多QStringListModel类等的讲解，但是该类对于qml不是完全暴露，model每次更改都伴随着重新加载注册。然后终于在说明文档里看到了QAbstractListModel类，可是网上都是寥寥数语，都不详细，对于qml中如何使用真是抓破了头啊，终于弄了一天，晚上有点起色，现就总结到的和大家分享，日后还有补充。其实在欢迎里面搜索abstractitemmodel会有简单的例子。下面讲讲我总结到的问题：

class QmlObjectListModel : public QAbstractListModel
{
    Q_OBJECT

public:
    QmlObjectListModel(QObject* parent = NULL);
    ~QmlObjectListModel();

    Q_PROPERTY(int count READ count NOTIFY countChanged)

    /// Returns true if any of the items in the list are dirty. Requires each object to have
    /// a dirty property and dirtyChanged signal.
    Q_PROPERTY(bool dirty READ dirty WRITE setDirty NOTIFY dirtyChanged)

    Q_INVOKABLE QObject* get(int index)     { return _objectList[index]; }

    // Property accessors

    int count(void) const;

    bool dirty(void) const { return _dirty; }
    void setDirty(bool dirty);

    void append(QObject* object);
    void append(QList<QObject*> objects);
    QObjectList swapObjectList(const QObjectList& newlist);
    void clear(void);
    QObject* removeAt(int i);
    QObject* removeOne(QObject* object) { return removeAt(indexOf(object)); }
    void insert(int i, QObject* object);
    void insert(int i, QList<QObject*> objects);
    QObject* operator[](int i);
    const QObject* operator[](int i) const;
    bool contains(QObject* object) { return _objectList.indexOf(object) != -1; }
    int indexOf(QObject* object) { return _objectList.indexOf(object); }
    template<class T> T value(int index) { return qobject_cast<T>(_objectList[index]); }

    /// Calls deleteLater on all items and this itself.
    void deleteListAndContents(void);

    /// Clears the list and calls deleteLater on each entry
    void clearAndDeleteContents(void);

signals:
    void countChanged(int count);
    void dirtyChanged(bool dirtyChanged);

private slots:
    void _childDirtyChanged(bool dirty);

private:
    // Overrides from QAbstractListModel
    int rowCount(const QModelIndex & parent = QModelIndex()) const override;
    QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const override;
    QHash<int, QByteArray> roleNames(void) const override;
    bool insertRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
    bool removeRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
    bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole) override;

private:
    QList<QObject*> _objectList;

    bool _dirty;
    bool _skipDirtyFirstItem;

    static const int ObjectRole;
    static const int TextRole;
};

首先就是创建QAbstractListModel的子类，当然需要宏Q_OBJECT（进入元系统的关键），然后其他函数自己看着定义，这里我主要说一下void append(QObject* object);我采用这种方法，将其他QObject的实例装进_objectList里，这样不管是不是数据，只要是QObject的子类，都可以装进去然后与Qml交互了。
然后说一下重载的函数，分别是

int rowCount(const QModelIndex & parent = QModelIndex()) const override;
QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const override;
QHash<int, QByteArray> roleNames(void) const override;
bool insertRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
bool removeRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole)

其中roleNames用来定义角色（可以理解为区分每一个数据项的标记名称，类似于模型下标，具体用法qml里面会讲到），QVariant data则是根据qml中提供的角色名称获取对应的QObject指针，这样就能够获得不同的模型内容了。当然，这些你只是需要重载为适合自己的函数，具体的调用获取，就交给Qt自己吧，有一些是qml创建模型view时就调用，有的是qml里面手动获取，具体细则看完再体会。

#ifndef QmlObjectListModel_H
#define QmlObjectListModel_H

#include <QAbstractListModel>

class QmlObjectListModel : public QAbstractListModel
{
    Q_OBJECT

public:
    QmlObjectListModel(QObject* parent = NULL);
    ~QmlObjectListModel();

    Q_PROPERTY(int count READ count NOTIFY countChanged)

    /// Returns true if any of the items in the list are dirty. Requires each object to have
    /// a dirty property and dirtyChanged signal.
    Q_PROPERTY(bool dirty READ dirty WRITE setDirty NOTIFY dirtyChanged)

    Q_INVOKABLE QObject* get(int index)     { return _objectList[index]; }

    // Property accessors

    int count(void) const;

    bool dirty(void) const { return _dirty; }
    void setDirty(bool dirty);

    void append(QObject* object);
    void append(QList<QObject*> objects);
    QObjectList swapObjectList(const QObjectList& newlist);
    void clear(void);
    QObject* removeAt(int i);
    QObject* removeOne(QObject* object) { return removeAt(indexOf(object)); }
    void insert(int i, QObject* object);
    void insert(int i, QList<QObject*> objects);
    QObject* operator[](int i);
    const QObject* operator[](int i) const;
    bool contains(QObject* object) { return _objectList.indexOf(object) != -1; }
    int indexOf(QObject* object) { return _objectList.indexOf(object); }
    template<class T> T value(int index) { return qobject_cast<T>(_objectList[index]); }

    /// Calls deleteLater on all items and this itself.
    void deleteListAndContents(void);

    /// Clears the list and calls deleteLater on each entry
    void clearAndDeleteContents(void);

signals:
    void countChanged(int count);
    void dirtyChanged(bool dirtyChanged);

private slots:
    void _childDirtyChanged(bool dirty);

private:
    // Overrides from QAbstractListModel
    int rowCount(const QModelIndex & parent = QModelIndex()) const override;
    QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const override;
    QHash<int, QByteArray> roleNames(void) const override;
    bool insertRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
    bool removeRows(int position, int rows, const QModelIndex &index = QModelIndex()) override;
    bool setData(const QModelIndex &index, const QVariant &value, int role = Qt::EditRole) override;

private:
    QList<QObject*> _objectList;

    bool _dirty;
    bool _skipDirtyFirstItem;

    static const int ObjectRole;
    static const int TextRole;
};

#endif

下一步，我们构建一个我们需要添加进qml中的数据模型：Polygons

class Polygons : public QObject
{
    Q_OBJECT
public:
    explicit Polygons(QObject *parent = nullptr);
    Q_PROPERTY(QmlObjectListModel* polygons READ polygons CONSTANT)

    QmlObjectListModel* polygons                (void) { return &_polygons; }

signals:

public slots:

private:
    QmlObjectListModel  _polygons;
};

其实也很简单，就是利用Q_PROPERTY将QmlObjectListModel* polygons注册到元系统中，将polygons作为可以在qml中使用的类，构造函数实现：

Polygons::Polygons(QObject *parent) : QObject(parent)
{

    for(int i=1;i<=20;i++)
    {
        Object* myObject =new Object();
        myObject->setNumber(i);
        _polygons.append(myObject);
    }
}

Object是我自己创建的一个类，具有存储数据的功能

class Object: public QObject
{
    Q_OBJECT
    Q_PROPERTY(int number READ getNumber WRITE setNumber NOTIFY sendNumberChange)

public:
    Object();
    int getNumber() const;
    void setNumber(int);

signals:
    void sendNumberChange();

private:
    int m_Number=100;

};

当然，Object中也需要将属性注册到元系统中，下面最关键的来了，对类进行注册：

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

    Polygons polygons;
    qmlRegisterUncreatableType<Polygons>("Object",1,0,"Polygons","Reference only");

    QQmlApplicationEngine engine;
    engine.rootContext()->setContextProperty("myPolygons",&polygons);
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();}

是不是很简单啊，主要就是qmlRegisterUncreatableType注册Polygons类，这样可以避免qml单独创建实例，然后设置Polygons的上下文名称，这样就可以在qml中使用了。下面是qml的实现：

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


    ListView {
        x:100
        y:100

        width: 200; height: 250


        model: myPolygons.polygons
        delegate: Text {
            text: "Animal: " +model.object.number
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    console.log(qsTr('Clicked on background. Text: "' + model.object.number + '"'))
                }
            }
        }

}

更简单了吧，model: myPolygons.polygons表示从Polygons类的polygons属性中获取，正好就是之前的QmlObjectListModel 类，model.object.number中的object正好是之前QmlObjectListModel 里面设置的roleNames(void)，内部通过Data将数据读取到model中，我们通过角色名称调取其中的数据进行显示，当然我们还可以在QmlObjectListModel 中注册一些东西到元系统中，我们就可以通过model.object.balabala了。
下一步需要更新一如何在C++中获取qml的数据，加油！！！

QML 自定义model/view实现树形控件
cs821984831的博客
12-18 983
qml， Treeview
QML Model-View 实战
RGBMarco的博客
07-20 2111
本例实现一个神奇宝贝展示台,用户可以点击神奇宝贝头像,来展示神奇宝贝头像，也可以实现点击头像恢复之前状态(没有实现)，如果要实现这种情况需要另定义一种状态来取消之前的锚点,不然会出现错误 先来看看效果图 点击图像后 上代码: import QtQuick 2.7 Rectangle { width:500; height:500; ListModel { ...
QAbstractListModel:Qml 使用C++model
热门推荐
瞎捣鼓
07-14 1万+
主要是几个虚函数的实现,可查看QAbstractListModel的父类 具体实现:#ifndef MYMODEL_H #define MYMODEL_H#include <QAbstractListModel> #include <QHash> #include <QList> #include <QByteArray> #include <QDebug> class mydata { publ
qml SwipeView详解
最新发布
ckg3824278的博客
02-10 322
SwipeView是QML（Qt Modeling Language）中的一个控件类型，它提供了一种基于滑动的导航模型。SwipeView允许用户通过侧向滑动来在不同页面之间导航，每次只显示一个页面。它通常与PageIndicator结合使用，以向用户指示有多个页面的视觉线索，并显示当前活动的页面。
QML 中使用 QAbstractListModel
一个老菜鸟的学习分享
04-30 2331
QML 中使用 QAbstractListModel 作为 ListView 的 model 实例
QML使用C++model（撤销恢复）
芒果黑的博客
06-25 973
model/view撤销恢复
QML中使用C++Model
斧冰
05-24 1478
转自：https://blog.youkuaiyun.com/fxy0325/article/details/81434762 使用C++model： 当需要少量数据时，QML中直接定义模型时非常方便。 当数据较为复杂或者想在c++里操纵数据时，可以在C++中设计Model并在qml中展示数据，这样会更加稳定可靠。 代码实现： datamodel.h #ifndef DATAMODEL_H #define D...
QtProperty.exe.zip：构建QML与C++交互Model类的高效工具
在描述中提到的“Model类”可能就是专门设计用来与QML高效交互的C++ Model类，它能够快速地构建大量数据，并提供给QML进行展示。 标签“QML与C++交互”和“Qt属性系统”强调了该程序的核心功能。Qt的属性系统是一个...
QML中View-Model模型
guo2538377的博客
10-17 313
QML视图View与C++数据模型Model如何绑定
QML与C++模型视图混合编程.pdf
08-25
在QT编程中，QML与C++的混合编程模式经常被用来实现丰富的用户界面和高效的数据处理。QML以其声明式语法和强大的图形渲染能力，常用于构建UI，而C++则更适合处理复杂的业务逻辑和数据管理。在模型视图（Model-View）...
一个关于C++与qml交互的demo ：从C++传输一个listmode的方法。
03-15
在本示例中，我们探讨的是C++与QML之间的交互，特别关注如何从C++向QML传递数据，特别是一个`ListModel`类型的列表。QML是Qt框架的一部分，用于构建用户界面，而C++则提供了更底层的编程功能。在实际应用中，这种...
Qt qml的ListView等视图控件Models(QAbstractItemModel)的使用
03-19
Qt官方文档解析到提供支持类型QStringList, a QVariantList, a QObjectList or a QAbstractItemModel. 其中QAbstractItemModel提供复杂的数据模型． ​该例程是QAbstractItemModel与qml结合是怎么使用．
（5）qml--模型视图代理--（Model-View-Delegate）
weixin_52243202的博客
06-13 1540
⾸先，包装器（wrapper）的⾼度（height）被设置为链表视图（ListView）的⾼度。额外的间隔区域被⽤于添加更多的信息，这种机制使⽤⼀个状态来控制，当⼀个链表项展开时，代理项都能输⼊expanded（展开）状态，在这种状态下⼀些属性被改变。真正不同的地⽅是网格视图（GridView）使⽤了⼀个⼆维数组来存放元素，⽽链表视图（ListView）是使⽤的线性链表来存放元素。这个操作可以被⽤于动态的将当前项目填充到整个屏幕来添加⼀个新的⽤户界⾯，或者为链表中的当前项提供更多的信息。
玩转Qml(9)-Model和View
武威的涛哥-博客
05-24 1766
简介 源码 界面、数据和逻辑分离 Qt内置的Model-View 整数做model 关于delegate View与Repeater的区别 ListModel 静态ListModel 动态ListModel XmlListModel ObjectModel C++导出Model QList QJsonArray QQ...
QML使用QAbstractListModel时遇到奔溃问题
A707471534的博客
11-20 1256
在使用QAbstractListModel创建model的时候，其他使用的时候都正常，但是只要我一使用 beginResetModel();和endResetModel();更新整个model的数据的时候，程序就会奔溃。 先看代码： qml中，通过index从model中获取isOnline的值 isOnline:$avIntercomModel.getIsOnline(index) cpp中，从保存的数据当中，根据index返回数据： bool AvIntercomModel::getIsOnline(
QML中ListView的C++模型（一）
斧冰
07-17 1663
在Model-View_delegate框架中，C++自己定义的Model一直都没有完全掌握，现在对自己学到的做一些简单的总结和用例子来展示。 例子一： main.qml中 import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Layouts 1.3 import QtQuick.Controls 2.0 Window { ...
QML使用C++ model（基本用法）
芒果黑的博客
06-22 4325
C++model与QML
QML中ListView的C++模型（三）
斧冰
07-18 905
Model支持插入和删除行，需要自己添加插入和删除的函数，并且在插入函数中（插入数据前）调用 void QAbstractItemModel::beginInsertRows(const QModelIndex &parent, int first, int last) 插入数据完成后，调用 void QAbstractItemModel::endInsertRows()； 类似地，在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值