将QList <customobj * =“”>暴露给QML

时间:2018-07-03 08:29:47

标签: c++ qt qml

我正在尝试将带有自定义对象(QList)的Sample公开到QML中。每当我将这些自定义对象(它们继承自QObject)存储到QList<QObject *>中时,它们就会显示出来,但是没有信息,但是当我尝试将其公开为QList<Sample *>时,它们却不会。

sample.h

class Sample : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString getVar READ getVar WRITE setVar NOTIFY varChanged)
public:
    explicit Sample();

    //! Returns var
    QString getVar() const { return var; }

    //! Sets var
    void setVar(const QString &a);

signals:
    varChanged();

protected:
    QString var;
};

包含列表的类如下

samplecontrol.h

class SampleManager : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QList<Sample *> getSampleList READ getSampleList NOTIFY sampleListChanged)
public:
    SampleManager(const QString &path);

    //! Returns sample list
    QList<Sample *> getSampleList() const { return sampleList_; }

signals:
    sampleListChanged();

protected:
    QList<Sample *> sampleList_;
};

我正在设置上下文

view_->rootContext()->setContextProperty("slabGridModel", QVariant::fromValue(samplecontrol.getSampleList()));

我说过,当我累了

QList<QObject *> datalist;
datalist.append(sampleManager.getSampleList().first());
datalist.append(sampleManager.getSampleList().last());

有效。我如何使其与QList<Sample *>一起使用?

感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

您可以传递QObjects的列表,但是问题是,如果添加了更多元素,它不会通知视图,如果希望通知视图,则必须使用从QAbstractItemModel继承的模型。另一方面,如何将数据模型作为qproperty进行处理,最好公开SampleManager:

samplemodel.h

#ifndef SAMPLEMODEL_H
#define SAMPLEMODEL_H

#include "sample.h"

#include <QAbstractListModel>

class SampleModel : public QAbstractListModel
{
    Q_OBJECT
public:
    using QAbstractListModel::QAbstractListModel;
    ~SampleModel(){
        qDeleteAll(mSamples);
        mSamples.clear();
    }
    int rowCount(const QModelIndex &parent = QModelIndex()) const override{
        if (parent.isValid())
            return 0;
        return mSamples.size();
    }

    QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override{
        if (!index.isValid())
            return QVariant();
        if(role == Qt::UserRole){
            Sample *sample =  mSamples[index.row()];
            return QVariant::fromValue(sample);
        }
        return QVariant();
    }

    void appendSample(Sample * sample)
    {
        beginInsertRows(QModelIndex(), rowCount(), rowCount());
        mSamples << sample;
        endInsertRows();
    }

    QHash<int, QByteArray> roleNames() const{
        QHash<int, QByteArray> roles;
        roles[Qt::UserRole] = "sample";
        return roles;
    }

private:
    QList<Sample *> mSamples;
};


#endif // SAMPLEMODEL_H

samplemanager.h

#ifndef SAMPLEMANAGER_H
#define SAMPLEMANAGER_H

#include "samplemodel.h"

#include <QObject>

class SampleManager : public QObject
{
    Q_OBJECT
    Q_PROPERTY(SampleModel* model READ model WRITE setModel NOTIFY modelChanged)
public:
    using QObject::QObject;
    SampleModel *model() const{
        return mModel.get();
    }
    void setModel(SampleModel *model){
        if(mModel.get() == model)
            return;
        mModel.reset(model);
    }
signals:
    void modelChanged();
private:
    QScopedPointer<SampleModel> mModel;
};

#endif // SAMPLEMANAGER_H

main.cpp

#include "samplemanager.h"
#include "samplemodel.h"

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>

#include <QTime>
#include <QTimer>

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

    QGuiApplication app(argc, argv);

    SampleManager manager;
    manager.setModel(new SampleModel);

    // test
    QTimer timer;
    QObject::connect(&timer, &QTimer::timeout, [&manager](){
        manager.model()->appendSample(new Sample(QTime::currentTime().toString()));
    });
    timer.start(1000);

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

    return app.exec();
}

main.qml

import QtQuick 2.9
import QtQuick.Window 2.2

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

    GridView {
        anchors.fill: parent
        model: manager.model
        delegate:
            Rectangle {
            width: 100
            height: 100
            color: "darkgray"
            Text {
                text: sample.getVar
                anchors.centerIn: parent
            }
        }
    }
}

enter image description here

完整的示例可以在下面的link中找到。