QTableVIew加载代理卡顿的解决办法

QTableVIew设置代理过程中，由于调用代理非常耗费时间（运算），当数据上千行，加载非常卡顿。

这里介绍动态加载的方法。一开始只设置能显示部分的代理，其余不设置，当滑动条变化的时候，跟着滑动条的变动加载代理，能减少代理的加载时间，实现动态加载代理；

具体就是，先加载10条（可以自定义），刚好将界面覆盖住，当用户往下滑动鼠标滚轮或者滑动滑动条时，向下滑动一个位置就加载一个相应的代理，达到显示的全是代理

演示：

QtableView代码如下：滑动条发生变化时发送信号：

class MyTableView :public QTableView
{
    Q_OBJECT
public:
    explicit MyTableView(QWidget *parent = nullptr);
    void ScrollBarChange(int value);

// protected:
//     void wheelEvent(QWheelEvent *event);

signals:
    void VerticalbarValue(int value);
    // void Rowchanged(int row);
private:
    // 保存当前滑动的最大位置
    int maxArea_ {0};
};

// ---------------------


MyTableView::MyTableView(QWidget *parent) : QTableView(parent)
{
    connect(this->verticalScrollBar(),&QScrollBar::valueChanged, this, &MyTableView::ScrollBarChange);
}

void MyTableView::ScrollBarChange(int value)
{
    qDebug() << " value is:" << value;
    emit VerticalbarValue(value);
    if(value == this->verticalScrollBar()->maximum()) {
        // 滑动到了底部
        qDebug() << "滑动到了底部:  " << value;
        int barSize = this->verticalScrollBar()->size().width();
        emit VerticalbarValue(this->verticalScrollBar()->maximum() + barSize);
    }
}


// void MyTableView::wheelEvent(QWheelEvent *event)
// {
//     if (event->angleDelta().y() > 0) {
//         verticalScrollBar()->setValue(verticalScrollBar()->value() - verticalScrollBar()->singleStep());
//     } else {
//         verticalScrollBar()->setValue(verticalScrollBar()->value() + verticalScrollBar()->singleStep());
//     }

//     QPoint angle = event->angleDelta();
//     if (!angle.isNull()) {
//         int xAngle = angle.x();
//         int yAngle = angle.y();
//         // 使用 xAngle 和 yAngle 处理滚轮事件
//         qDebug() << " x is:" << xAngle << "  y is:" << yAngle;
//     }

//     // emit Rowchanged(row);
// }

显示界面动态加载：

widget.cpp

#include "widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QDebug>

namespace {
const int MAX_COL = 300;
const int MAX_ROW = 3;
const int SHOW_LINE = 10;
}

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    this->resize(640,480);
    Init();
    Connect();
}

Widget::~Widget() {}

void Widget::Init()
{
    nameList_<< "Item 1" << "Item 2" << "Item 3" << "Item 4";
    listModel_ = new QStringListModel;
    listModel_->setStringList(nameList_);
    listView_ = new QListView(this);
    listView_->setModel(listModel_);

    // // 创建视图
    tableView_ = new MyTableView(this);
    tableView_->resize(this->size());

    // // 创建模型
    model_ =new QStandardItemModel();
    model_->setHorizontalHeaderLabels({"Column 1", "Column 2", "Column 3"});
    tableView_->setModel(model_);

    QHBoxLayout *hbox = new QHBoxLayout;
    hbox->addWidget(listView_);
    hbox->addWidget(tableView_);
    this->setLayout(hbox);
    UpdateView();
}

void Widget::Connect()
{
    connect(listView_, &QListView::clicked, this ,&Widget::ListViewChange);
    connect(tableView_, &MyTableView::VerticalbarValue, this ,&Widget::DymicDisplay);

    // 快速滑动不丢失代理的关键
    // connect(this, &Widget::FinishAgencySg, tableView_, &MyTableView::AgencyFeedBack);
}

void Widget::UpdateView()
{
    QStandardItem *newItem = nullptr;
    // 设置model, model 目前只设置前十个
    for (int row = 0; row < MAX_COL; row++) {
        for (int col = 0; col < MAX_ROW; ++col){
            newItem = new QStandardItem(QString::number(col));
            model_->setItem(row, col, newItem);
        }
    }

    // 设置代理
    ComboBoxDelegate *comboBoxDelegate = new ComboBoxDelegate();
    tableView_->setItemDelegate(comboBoxDelegate);

    //将前十个数据默认显示,或者全部的数据
    int baseShow = (model_->rowCount() > SHOW_LINE) ? SHOW_LINE : model_->rowCount();
    qDebug() << " max count is :" <<  model_->rowCount() << baseIndex_;
    for (int index = 0; index <= baseShow ; index++) {
        for (int col = 0; col < MAX_ROW; ++col){
            QModelIndex modelIndex = model_->index(index,col, QModelIndex());
            model_->setData(modelIndex, "Option 2"); // 设置初始值为 "Option 2"
            tableView_->openPersistentEditor(model_->index(index,col,QModelIndex()));
        }
    }
    baseIndex_ = 0;
}

void Widget::DymicDisplay(int indexRow)
{
    int max = indexRow - baseIndex_;
    if (max > 0) {
        qDebug() << " baseIndex_ is :" << baseIndex_ << " indexRow is : " << indexRow;
        for (int index = baseIndex_ ; index < indexRow + max; index++) {
            for (int col = 0; col < MAX_ROW; ++col){
                QModelIndex modelIndex = model_->index(index + SHOW_LINE,col, QModelIndex());
                model_->setData(modelIndex, "Option 2"); // 设置初始值为 "Option 2"
                tableView_->openPersistentEditor(model_->index(index + SHOW_LINE,col,QModelIndex()));
            }
        }
        baseIndex_ = indexRow;
    }
}

void Widget::ListViewChange(const QModelIndex &index)
{
    model_->clear();
    UpdateView();
}

widget.h文件：

#ifndef WIDGET_H
#define WIDGET_H

#include "mytableview.h"
#include <QWidget>
#include <QTableView>
#include <QStandardItemModel>
#include <QListView>
#include <QStringListModel>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

    void Init();
    void Connect();
    void UpdateView();
    void DymicDisplay(int index);

    void ListViewChange(const QModelIndex &index);

private:
    MyTableView *tableView_ {nullptr};
    QStandardItemModel *model_ {nullptr};

    // 列表
    QListView *listView_ {nullptr};
    QStringListModel *listModel_ {nullptr};
    QStringList nameList_ {nullptr};

    int baseIndex_ {0};
};

#endif // WIDGET_H

最后这是代理：

class ComboBoxDelegate : public QItemDelegate {
public:
    ComboBoxDelegate(QObject *parent = nullptr) : QItemDelegate(parent) {}

    // 创建编辑器
    QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const override {
        if (!index.isValid())
            return nullptr;

        // 创建一个下拉框
        if (index.column() == 0 || index.column() == 1) {
            QComboBox *comboBox = new QComboBox(parent);
            comboBox->addItem("Option 1");
            comboBox->addItem("Option 2");
            comboBox->addItem("Option 3");
            return comboBox;
        } else if (index.column() == 2) {
            QToolButton * button = new QToolButton(parent);
            button->setIcon(QIcon(":/icon/1.png"));
            return button;
        }

    }

    // 设置编辑器数据
    void setEditorData(QWidget *editor, const QModelIndex &index) const override {
        if (!index.isValid())
            return;

        // 从模型中获取数据并设置给下拉框
        if (index.column() == 0 || index.column() == 1) {
            QString value = index.model()->data(index, Qt::EditRole).toString();
            QComboBox *comboBox = static_cast<QComboBox *>(editor);
            comboBox->setCurrentText(value);
        }
    }

    // 将编辑器的数据写回到模型
    void setModelData(QWidget *editor, QAbstractItemModel *model, const QModelIndex &index) const override {
        if (!index.isValid()) {
            return;
        }
        if (index.column() == 0 || index.column() == 1) {
            QComboBox *comboBox = static_cast<QComboBox *>(editor);
            QString value = comboBox->currentText();
            model->setData(index, value, Qt::EditRole);
        }
    }

    // 更新编辑器的几何属性
    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem &option, const QModelIndex &index) const override {
        if (!index.isValid())
            return;
        editor->setGeometry(option.rect);
    }
};
#endif // MYTABLEVIEW_H