在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
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 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 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编程。