从另一个 class 调用 QQmlApplicationEngine 时的 TableView 和 QAbstracTableModel

Question

我正在尝试在 cpp 中制作模型 QAbstractTableModel 并连接到 qml。

此代码运行良好。

MyModel.h

#ifndef MYMODEL_H
#define MYMODEL_H

#include <QAbstractTableModel>

class MyModel : public QAbstractTableModel
{
    Q_OBJECT

public:
    enum AnimalRoles {
        TypeRole = Qt::UserRole + 1,
        SizeRole
    };

    explicit MyModel(QObject *parent = nullptr);

    // Basic functionality:
    int rowCount(const QModelIndex &parent = QModelIndex()) const override;
    int columnCount(const QModelIndex &parent = QModelIndex()) const override;

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

protected:
    QHash<int, QByteArray> roleNames() const;

private:
    QList<Animal> m_animals;
};

#endif // MYMODEL_H

MyModel.cpp

#include "MyModel.h"
#include <QDebug>

MyModel::MyModel(QObject *parent)
    : QAbstractTableModel(parent)
{
        qDebug() << __FUNCTION__;
        addAnimal(Animal("Wolf", "Medium"));
        addAnimal(Animal("Polar bear", "Large"));
        addAnimal(Animal("Quoll", "Small"));

}

int MyModel::rowCount(const QModelIndex &parent) const
{
    Q_UNUSED(parent)
    return m_animals.size();
}

int MyModel::columnCount(const QModelIndex &parent) const
{
    Q_UNUSED(parent)
    return 2;
}

QVariant MyModel::data(const QModelIndex &index, int role) const
{
    qDebug() << __FUNCTION__ << index.row() << index.column() << role;
    if (!index.isValid())
        return QVariant();
    const Animal &animal = m_animals[index.row()];
    switch (role) {
    case TypeRole:
        return animal.type();
    case SizeRole:
        return animal.size();
    default:
        break;
    }

    return QVariant();
}

void MyModel::addAnimal(const Animal &animal)
{
    qDebug() << __FUNCTION__;
    beginInsertRows(QModelIndex(), rowCount(), rowCount());
    m_animals << animal;
    endInsertRows();
}

QHash<int, QByteArray> MyModel::roleNames() const
{
    qDebug() << __FUNCTION__;
    QHash<int, QByteArray> roles;
    roles[TypeRole] = "type";
    roles[SizeRole] = "size";
    return roles;
}

main.cpp

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

        MyModel model;

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

    return app.exec();
}

main_test.qml

import QtQuick 2.0
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Window {
    id: main_view
    width: 250
    height: 600
    visible: true

    ListView {
        id: list_view
        width: 200; height: 250

        model: myModel
        delegate: Text { text: "Animal Test: " + type + ", " + size }
    }


    TableView {
        id: table_view
        objectName: "tableView"
        width: 250; height: 250
        anchors.top:  list_view.bottom
        model: myModel

        TableViewColumn {
            id: type_col
            role: "type"
            title: "Type"
            width: 100
        }
        TableViewColumn {
            id: size_col
            role: "size"
            title: "Size"
            width: 100
        }
    }

}

看起来像这样

但是，如果我稍微更改 main.cpp，列表视图会正常显示，但 table 视图不会显示。

main.cpp

#include "MainView.h"

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

    MainView mainView;
    return app.exec();
}

MainView.h

#ifndef MAINVIEW_H
#define MAINVIEW_H

#include <QObject>
#include <QQmlApplicationEngine>

class MainView: public QObject
{
    Q_OBJECT
public:
   explicit  MainView(QObject *parent=nullptr);
    void initializeView();

private:
    QQmlApplicationEngine m_engine;
};

#endif // MAINVIEW_H

MainView.cpp

#include "MainView.h"
#include "MyModel.h"
#include <QQmlContext>

MainView::MainView(QObject *parent)
    : QObject(parent)
{
    initializeView();
}

void MainView::initializeView()
{
    MyModel model;
    m_engine.rootContext()->setContextProperty("myModel", &model);
    m_engine.load(QUrl(QStringLiteral("qrc:/resources/qmls/main_test.qml")));

}

看起来像这样。

我真的不明白为什么会这样。第二种情况ListView和TableView有什么区别？以及如何解决它，即在第二种情况下显示数据？提前致谢。

Answer 1

问题出在initializeView，model是那个范围内的一个局部变量，当函数执行完后，每个局部变量都会从内存中删除。第一种情况模型会在应用程序关闭时消除，第二种情况会在initializeView结束时即显示window时消除，有2种可能的解决方案：

创建一个指针并管理我们作为父项传递给 MainView 的内存，以便他将其从内存中删除（这最后是 QObject 的功能）：

void MainView::initializeView()
{
    MyModel *model = new MyModel(this);
    m_engine.rootContext()->setContextProperty("myModel", model);
    m_engine.load(QUrl(QStringLiteral("qrc:/resources/qmls/main_test.qml")));

}

创建 class 的模型成员。

*.h

#ifndef MAINVIEW_H
#define MAINVIEW_H

#include <QObject>
#include <QQmlApplicationEngine>

class MainView: public QObject
{
    Q_OBJECT
public:
   explicit  MainView(QObject *parent=nullptr);
    void initializeView();

private:
    QQmlApplicationEngine m_engine;
    MyModel model{this};
};

#endif // MAINVIEW_H

*.cpp

...

void MainView::initializeView()
{
    m_engine.rootContext()->setContextProperty("myModel", &model);
    m_engine.load(QUrl(QStringLiteral("qrc:/resources/qmls/main_test.qml")));

}

为了理解行为，我添加了更多印象点：

MyModel::~MyModel()
{
    qDebug()<<"destructor";
}

TableView {
    ...
    Component.onCompleted: {
        console.log("completed table")
        if(!timer.running)
            timer.running = true
    }
}

ListView {
    ...
    Component.onCompleted: {
        console.log("completed list")
        if(!timer.running)
            timer.running = true
    }
}


Timer {
    id: timer
    interval: 0;
    onTriggered:  console.log(myModel, table_view.model, list_view.model)
}

我得到以下信息：

MyModel
addAnimal
addAnimal
addAnimal
roleNames
data 0 0 257
data 0 0 258
data 1 0 257
data 1 0 258
data 2 0 257
data 2 0 258
roleNames
qml: completed list
data 0 0 257
data 0 0 258
qml: completed table
destructor
qml: null null null

我们注意到 ListView 设法加载数据，而 TableView 在加载中间称为析构函数。

可能的解释：我认为ListView存储的是复制它们的数据，只有在模型通知时才更新，删除模型时也应该通知以清理数据，看来这是一个错误。另一方面，TableView，在加载和删除模型的时候，是空的，所以它被通知并清理数据。

正在进行另一个测试：

void MainView::initializeView()
{
    MyModel *model = new MyModel;
    m_engine.rootContext()->setContextProperty("myModel", model);
    m_engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    QTimer::singleShot(1000, model, &MyModel::deleteLater);
}

观察到两者都正确加载数据，一秒钟后模型被销毁，但只通知的是 TableView 因为它是唯一清理显示数据的， ListView 没有。

我的结论是 ListView 错误。

从另一个 class 调用 QQmlApplicationEngine 时的 TableView 和 QAbstracTableModel

TableView and QAbstracTableModel when calls QQmlApplicationEngine from another class

c++

qt

qml

qt5

qqmlapplicationengine