在Qt中如果是普通项目,GUI处理展现的数据量不大,一般用QTableWidget,QTreeWidget这样的控件就满足了,但是如果数据量行数达到了几万行,那么Widget的展示性能就偏差了。
Qt中提供了一种Model/View的编程方式来处理数据,也就是展示层和数据层分离,这样就解耦了。一旦Model的状态改变,它会自动渲染到View控件。这样的机制使得GUI可以展现大量的数据也不会卡顿。
为了处理数据的灵活性,我们用QStandardItemModel来做QTableView的Model层实现。因为以Table的形式展现,所以以下代码实现了,点击表头按列排序,点击行显式行的上下文菜单的功能。因为QTableView的默认
排序是按字符序列排序,所以得对QStandardItem进行子类化,并重载operator< 函数才能达到某些列用数值大小来排序。
因为是简单的Demo例子,QTableView是采用拖拽空间的方式拖到一个Widget里面的,该Wdiget类为ModelViewTable:
1 // ModelViewTable.h 2 #pragma once 3 4 #include <QtWidgets/QWidget> 5 #include "ui_ModelViewTable.h" 6 7 class QStandardItemModel; 8 class QMenu; 9 10 class ModelViewTable : public QWidget 11 { 12 Q_OBJECT 13 14 public: 15 ModelViewTable(QWidget *parent = Q_NULLPTR); 16 void generateDataSet(); 17 void addRowRecord(int row); 18 19 void setColumnItem(int row, int column, QString ip); 20 21 public slots: 22 void slotShowContextMenu(const QPoint& point); 23 private: 24 Ui::ModelViewTableClass ui; 25 QStandardItemModel * m_model; 26 QMenu* m_contextMenu; 27 }; 28 29 // ModelViewTable.cpp 30 #include "ModelViewTable.h" 31 32 #include <QStandardItemModel> 33 #include <QStandardItem> 34 #include <QString> 35 #include <QMenu> 36 #include <QAction> 37 38 #include "CustomStandardItem.h" 39 40 ModelViewTable::ModelViewTable(QWidget *parent) 41 : QWidget(parent) 42 { 43 ui.setupUi(this); 44 45 //////////////////////////设置表头///////////////////// 46 m_model = new QStandardItemModel(this); 47 m_model->setColumnCount(3); 48 m_model->setHeaderData(0, Qt::Horizontal, QStringLiteral("终端IP")); 49 m_model->setHeaderData(1, Qt::Horizontal, QStringLiteral("CPU使用率")); 50 m_model->setHeaderData(2, Qt::Horizontal, QStringLiteral("内存使用率")); 51 52 ui.tableView->resizeColumnsToContents(); // 自适应列宽 53 ui.tableView->setSortingEnabled(true); // 可以按列来排序 54 ui.tableView->setModel(m_model); 55 ui.tableView->horizontalHeader()->setDefaultAlignment(Qt::AlignHCenter); 56 ui.tableView->horizontalHeader()->setFont(QFont("Times",10,QFont::Bold)); 57 58 ui.tableView->setSelectionBehavior(QAbstractItemView::SelectRows); //整行选中 59 ui.tableView->setEditTriggers(QAbstractItemView::NoEditTriggers);// 表格单元格为只读 60 ui.tableView->setContextMenuPolicy(Qt::CustomContextMenu); // 可以自定义右键菜单 61 62 m_contextMenu = new QMenu(this); 63 QAction *processAct = new QAction(QStringLiteral("进程列表信息"),m_contextMenu); 64 QAction *windowAppsAct = new QAction(QStringLiteral("窗口应用列表信息"),m_contextMenu); 65 m_contextMenu->addAction(processAct); 66 m_contextMenu->addAction(windowAppsAct); 67 68 connect(ui.tableView, SIGNAL(customContextMenuRequested(const QPoint&)), 69 this, SLOT(slotShowContextMenu(const QPoint&))); 70 71 72 } 73 74 void ModelViewTable::generateDataSet() 75 { 76 for (int i = 0; i < 3000; ++i) 77 { 78 addRowRecord(i); 79 } 80 } 81 82 void ModelViewTable::addRowRecord(int row) 83 { 84 // 每行3列 85 QString ip = QString("%1.%2.%3.%4").arg(192).arg(168).arg(1).arg(row); 86 setColumnItem(row, 0, ip); 87 88 QString cpu = QString("%1").arg((row * 10) % 100); 89 setColumnItem(row, 1, cpu); 90 91 QString mem = QString("%1").arg((row * 12) % 100); 92 setColumnItem(row, 2, mem); 93 94 } 95 96 void ModelViewTable::slotShowContextMenu(const QPoint& point) 97 { 98 QModelIndex index = ui.tableView->indexAt(point); 99 if (index.isValid()) 100 { 101 m_contextMenu->exec(QCursor::pos()); 102 } 103 } 104 105 void ModelViewTable::setColumnItem(int row, int column, QString ip) 106 { 107 m_model->setItem(row, column, new CustomStandardItem(ip)); 108 m_model->item(row, column)->setTextAlignment(Qt::AlignCenter); 109 }
因为需要实现自定义的数值排序,所以要继承QStandardItem,并覆盖其中的相关函数:
1 // CustomStandardItem.h 2 #pragma once 3 4 #include <QStandardItem> 5 #include <QString> 6 7 // 自定义数值排序 8 class CustomStandardItem : public QStandardItem 9 { 10 // Q_OBJECT 11 12 public: 13 CustomStandardItem(); 14 CustomStandardItem(const CustomStandardItem& other); 15 CustomStandardItem(const QString &text); 16 CustomStandardItem & operator =(const CustomStandardItem& other); 17 ~CustomStandardItem(); 18 19 public: 20 virtual bool operator<(const QStandardItem& other) const override; 21 22 }; 23 24 //CustomStandardItem.cpp 25 #include "CustomStandardItem.h" 26 27 #include <QVariant> 28 29 CustomStandardItem::CustomStandardItem() 30 { 31 } 32 33 CustomStandardItem::CustomStandardItem(const CustomStandardItem& other) 34 :QStandardItem(other) 35 { 36 37 } 38 39 CustomStandardItem::CustomStandardItem(const QString &text) 40 :QStandardItem(text) 41 { 42 43 } 44 45 CustomStandardItem::~CustomStandardItem() 46 { 47 } 48 49 CustomStandardItem & CustomStandardItem::operator=(const CustomStandardItem& other) 50 { 51 QStandardItem::operator=(other); 52 return *this; 53 } 54 55 bool CustomStandardItem::operator<(const QStandardItem& other) const 56 { 57 const QVariant left = data(Qt::DisplayRole), right = other.data(Qt::DisplayRole); 58 // 第1到2列,全部采用浮点数的大小排序 59 if (column() == other.column() && other.column() >= 1 && other.column() <= 2) 60 { 61 return left.toDouble() < right.toDouble(); 62 } 63 64 return QStandardItem::operator<(other); 65 }
以上代码就完全实现了Model/View 的Table编程。