在Qt中如果是普通项目,GUI处理展现的数据量不大,一般用QTableWidget,QTreeWidget这样的控件就满足了,但是如果数据量行数达到了几万行,那么Widget的展示性能就偏差了。
Qt中提供了一种Model/View的编程方式来处理数据,也就是展示层和数据层分离,这样就解耦了。一旦Model的状态改变,它会自动渲染到View控件。这样的机制使得GUI可以展现大量的数据也不会卡顿。
为了处理数据的灵活性,我们用QStandardItemModel来做QTableView的Model层实现。因为以Table的形式展现,所以以下代码实现了,点击表头按列排序,点击行显式行的上下文菜单的功能。因为QTableView的默认
排序是按字符序列排序,所以得对QStandardItem进行子类化,并重载operator< 函数才能达到某些列用数值大小来排序。
因为是简单的Demo例子,QTableView是采用拖拽空间的方式拖到一个Widget里面的,该Wdiget类为ModelViewTable:
// ModelViewTable.h
#pragma once #include <QtWidgets/QWidget>
#include "ui_ModelViewTable.h" class QStandardItemModel;
class QMenu; class ModelViewTable : public QWidget
{
Q_OBJECT public:
ModelViewTable(QWidget *parent = Q_NULLPTR);
void generateDataSet();
void addRowRecord(int row); void setColumnItem(int row, int column, QString ip); public slots:
void slotShowContextMenu(const QPoint& point);
private:
Ui::ModelViewTableClass ui;
QStandardItemModel * m_model;
QMenu* m_contextMenu;
}; // ModelViewTable.cpp
#include "ModelViewTable.h" #include <QStandardItemModel>
#include <QStandardItem>
#include <QString>
#include <QMenu>
#include <QAction> #include "CustomStandardItem.h" ModelViewTable::ModelViewTable(QWidget *parent)
: QWidget(parent)
{
ui.setupUi(this); //////////////////////////设置表头/////////////////////
m_model = new QStandardItemModel(this);
m_model->setColumnCount();
m_model->setHeaderData(, Qt::Horizontal, QStringLiteral("终端IP"));
m_model->setHeaderData(, Qt::Horizontal, QStringLiteral("CPU使用率"));
m_model->setHeaderData(, Qt::Horizontal, QStringLiteral("内存使用率")); ui.tableView->resizeColumnsToContents(); // 自适应列宽
ui.tableView->setSortingEnabled(true); // 可以按列来排序
ui.tableView->setModel(m_model);
ui.tableView->horizontalHeader()->setDefaultAlignment(Qt::AlignHCenter);
ui.tableView->horizontalHeader()->setFont(QFont("Times",,QFont::Bold)); ui.tableView->setSelectionBehavior(QAbstractItemView::SelectRows); //整行选中
ui.tableView->setEditTriggers(QAbstractItemView::NoEditTriggers);// 表格单元格为只读
ui.tableView->setContextMenuPolicy(Qt::CustomContextMenu); // 可以自定义右键菜单 m_contextMenu = new QMenu(this);
QAction *processAct = new QAction(QStringLiteral("进程列表信息"),m_contextMenu);
QAction *windowAppsAct = new QAction(QStringLiteral("窗口应用列表信息"),m_contextMenu);
m_contextMenu->addAction(processAct);
m_contextMenu->addAction(windowAppsAct); connect(ui.tableView, SIGNAL(customContextMenuRequested(const QPoint&)),
this, SLOT(slotShowContextMenu(const QPoint&))); } void ModelViewTable::generateDataSet()
{
for (int i = ; i < ; ++i)
{
addRowRecord(i);
}
} void ModelViewTable::addRowRecord(int row)
{
// 每行3列
QString ip = QString("%1.%2.%3.%4").arg().arg().arg().arg(row);
setColumnItem(row, , ip); QString cpu = QString("%1").arg((row * ) % );
setColumnItem(row, , cpu); QString mem = QString("%1").arg((row * ) % );
setColumnItem(row, , mem); } void ModelViewTable::slotShowContextMenu(const QPoint& point)
{
QModelIndex index = ui.tableView->indexAt(point);
if (index.isValid())
{
m_contextMenu->exec(QCursor::pos());
}
} void ModelViewTable::setColumnItem(int row, int column, QString ip)
{
m_model->setItem(row, column, new CustomStandardItem(ip));
m_model->item(row, column)->setTextAlignment(Qt::AlignCenter);
}
因为需要实现自定义的数值排序,所以要继承QStandardItem,并覆盖其中的相关函数:
// CustomStandardItem.h
#pragma once #include <QStandardItem>
#include <QString> // 自定义数值排序
class CustomStandardItem : public QStandardItem
{
// Q_OBJECT public:
CustomStandardItem();
CustomStandardItem(const CustomStandardItem& other);
CustomStandardItem(const QString &text);
CustomStandardItem & operator =(const CustomStandardItem& other);
~CustomStandardItem(); public:
virtual bool operator<(const QStandardItem& other) const override; }; //CustomStandardItem.cpp
#include "CustomStandardItem.h" #include <QVariant> CustomStandardItem::CustomStandardItem()
{
} CustomStandardItem::CustomStandardItem(const CustomStandardItem& other)
:QStandardItem(other)
{ } CustomStandardItem::CustomStandardItem(const QString &text)
:QStandardItem(text)
{ } CustomStandardItem::~CustomStandardItem()
{
} CustomStandardItem & CustomStandardItem::operator=(const CustomStandardItem& other)
{
QStandardItem::operator=(other);
return *this;
} bool CustomStandardItem::operator<(const QStandardItem& other) const
{
const QVariant left = data(Qt::DisplayRole), right = other.data(Qt::DisplayRole);
// 第1到2列,全部采用浮点数的大小排序
if (column() == other.column() && other.column() >= && other.column() <= )
{
return left.toDouble() < right.toDouble();
} return QStandardItem::operator<(other);
}
以上代码就完全实现了Model/View 的Table编程。
references:
https://*.com/questions/18421603/displaying-big-data-using-qt-table-view
https://*.com/questions/4031168/qtableview-is-extremely-slow-even-for-only-3000-rows
https://doc.qt.io/archives/qq/qq07-big-tables.html
http://blog.csdn.net/woshiwlia/article/details/9141065
http://blog.csdn.net/u013255206/article/details/62235052
http://qimo601.iteye.com/blog/1539147
http://qimo601.iteye.com/blog/1530539
http://qimo601.iteye.com/blog/1530245