Qt GUI图形图像开发之QT表格控件QTableView详细使用方法与实例

时间：2021-07-23 06:35:07

QT表格控件QTableView简介

​ 表格视图控件QTableView，需要和QStandardItemModel, 配套使用，这套框架是基于MVC设计模式设计的，M(Model)是QStandardItemModel数据模型，不能单独显示出来。V(view)是指QTableView视图，要来显示数据模型，C(controllor)控制在Qt中被弱化，与View合并到一起。

QTableView简单使用实例

​ QStandardItmeModel表格的数据模型，那么这个模型需要填上每一行每一列的数据，就像execl表格一样。

widget.h

  1. #ifndef WIDGET_H
  2. #define WIDGET_H
  3. ​
  4. #include <QTableView>
  5. ​
  6. class Widget : public QTableView //继承至QTableView
  7. {
  8.    Q_OBJECT
  9. ​
  10. public:
  11.    Widget(QWidget *parent = 0);
  12.    ~Widget();
  13. };
  14. ​
  15. #endif // WIDGET_H

​widget.cpp

  1. #include "widget.h"
  2. #include <QStandardItemModel>
  3. #include <QDebug>
  4. Widget::Widget(QWidget *parent)
  5.   : QTableView(parent)
  6. {
  7.   QStandardItemModel* model = new QStandardItemModel(this);
  8.   model->setItem(0, 0, new QStandardItem("张三"));
  9.   model->setItem(0, 1, new QStandardItem("3"));
  10.   model->setItem(0, 2, new QStandardItem("男"));
  11.   this->setModel(model);
  12. }
  13. ​
  14. Widget::~Widget()
  15. {
  16. ​
  17. }

​ 以上代码实现了在model中添加一条数据，然后通过setModel函数设置view的数据模型为model，显示出来，如图：

Qt GUI图形图像开发之QT表格控件QTableView详细使用方法与实例

QTableView修改行列字段名

​修改字段名可以使用QStandardItemModel::setHeaderData，但是在这之前你需要调用QStandardItemModel::setColumnCount和QStandardItemModel::setRowCount，例如：

  1. Widget::Widget(QWidget *parent)
  2.   : QTableView(parent)
  3. {
  4.   QStandardItemModel* model = new QStandardItemModel(this);
  5.   /*设置列字段名*/
  6.   model->setColumnCount(3);
  7.   model->setHeaderData(0,Qt::Horizontal, "姓名");
  8.   model->setHeaderData(1,Qt::Horizontal, "年龄");
  9.   model->setHeaderData(2,Qt::Horizontal, "性别");
  10. ​
  11.   /*设置行字段名*/
  12.   model->setRowCount(3);
  13.   model->setHeaderData(0,Qt::Vertical, "记录一");
  14.   model->setHeaderData(1,Qt::Vertical, "记录二");
  15.   model->setHeaderData(2,Qt::Vertical, "记录三");  
  16.      
  17.   /*设置一条数据*/  
  18.   model->setItem(0, 0, new QStandardItem("张三"));
  19.   model->setItem(0, 1, new QStandardItem("3"));
  20.   model->setItem(0, 2, new QStandardItem("男"));
  21.   this->setModel(model);
  22. }

QTableView移除数据

​ 移除数据的常用函数有：

  1. /*移除某行数据*/
  2. bool QAbstractItemModel::removeRow(int row, const QModelIndex &parent = QModelIndex())
  3. /*移除某列数据*/
  4. bool QAbstractItemModel::removeColumn(int column, const QModelIndex &parent = QModelIndex())

例如：

  1. model->removeRow(0);//移除第0行数据
  2. model->removeColumn(0);//移除第0列数据

QTableView插入数据

插入一行数据

  1. void QStandardItemModel::insertRow(int row, const QList<QStandardItem *> &items)
  2. /*
  3. * row 表示从第几行插入数据
  4. * items 表示要插入的数据QStandardItem对象
  5. */

例如：

  1. QList<QStandardItem*> list;
  2. list << new QStandardItem("王五") << new QStandardItem("22") << new QStandardItem("男");
  3. model->insertRow(0, list); //在第0行插入一条记录

QTableView数据变更信号处理

 

  1. [signal] void QAbstractItemModel::dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles = QVector<int> ());
  2. ​
  3. /*
  4. *topLeft bottomRight这两索引指的是表格中被更改数据的区域，如果只有一个数据被更改，那么topLeft等于bottomRight
  5. */

例如：

widget.h

  1. #ifndef WIDGET_H
  2. #define WIDGET_H
  3. ​
  4. #include <QTableView>
  5. class QStandardItemModel;
  6. class Widget : public QTableView
  7. {
  8.    Q_OBJECT
  9. public slots:
  10.    void dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles = QVector<int> ());
  11. public:
  12.    Widget(QWidget *parent = 0);
  13.    QStandardItemModel* _model;
  14.    ~Widget();
  15. };
  16. ​
  17. #endif // WIDGET_H

widget.cpp

  1. #include "widget.h"
  2. #include <QStandardItemModel>
  3. #include <QDebug>
  4. Widget::Widget(QWidget *parent)
  5.   : QTableView(parent)
  6. {
  7.   _model = new QStandardItemModel(this);
  8.   _model->setColumnCount(3);
  9.   _model->setHeaderData(0,Qt::Horizontal, "姓名");
  10.   _model->setHeaderData(1,Qt::Horizontal, "年龄");
  11.   _model->setHeaderData(2,Qt::Horizontal, "性别");
  12. ​
  13.   _model->setRowCount(3);
  14.   _model->setHeaderData(0,Qt::Vertical, "记录一");
  15.   _model->setHeaderData(1,Qt::Vertical, "记录二");
  16.   _model->setHeaderData(2,Qt::Vertical, "记录三");
  17. ​
  18.   _model->setItem(0, 0, new QStandardItem("张三"));
  19.   _model->setItem(0, 1, new QStandardItem("3"));
  20.   _model->setItem(0, 2, new QStandardItem("男"));
  21. ​
  22. ​
  23.   connect(_model, SIGNAL(dataChanged(QModelIndex,QModelIndex,QVector<int>)), this, SLOT(dataChangedSlot(QModelIndex,QModelIndex,QVector<int>)));
  24.   this->setModel(_model);
  25. }
  26. ​
  27. void Widget::dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles)
  28. {
  29.    qDebug() << _model->data(topLeft).toString() << endl;
  30. ​
  31. }
  32. ​
  33. Widget::~Widget()
  34. {
  35. ​
  36. }

​需要知道的是函数data可以获取想要的QStandardItem对象的索引：

  1. [pure virtual] QVariant QAbstractItemModel::data(const QModelIndex &index, int role = Qt::DisplayRole) const

返回的QVariant对象是一种泛型变量，可以转换成QString、int、double等数据类型。

QTableView常用函数

  1. //默认显示行头，如果你觉得不美观的话，我们可以将隐藏        
  2. tableview->verticalHeader()->hide();      
  3. ​
  4. //设置选中时为整行选中        
  5. tableview->setSelectionBehavior(QAbstractItemView::SelectRows);        
  6.  
  7. //设置表格的单元为只读属性，即不能编辑        
  8. tableview->setEditTriggers(QAbstractItemView::NoEditTriggers);  
  9. ​
  10. //返回一个被选中的所有Item的索引,一般是去遍历这个链表进行处理
  11. [virtual protected] QModelIndexList QTableView::selectedIndexes() const

QStandardItem被点选信号

​当QStandardItemModel中的某个QStandardItem被点选后，QStandardItemModel对象会发出一个信号:

  1. void QAbstractItemView::clicked(const QModelIndex &index);
  2. /*
  3. *返回被点选的Item的索引
  4. */

QItemDelegate代理

​QTableView在处理信息显示编辑的时候比较单调，类似行编辑器，为了获得更多的灵性性，交互通过QItemDelegate执行。

​下面通过派生一个SpinDelegate来实现一个整数旋转框的代理器。

​一般我们要重写函数createEditor：

  1. [virtual] QWidget *QItemDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
  2. /*
  3. *QWidget *parent一般是指哪个窗口使用了这个代理,一般用来托管内存
  4. * QStyleOptionViewItem &option 样式风格
  5. * const QModelIndex &index 需要更改的Item索引
  6. */

​ spinDelegate.h

  1. #ifndef SPINDELEGATE_H
  2. #define SPINDELEGATE_H
  3. #include <QItemDelegate>
  4. class SpinDelegate : public QItemDelegate
  5. {
  6. public:
  7.    SpinDelegate(QObject *parent = Q_NULLPTR);
  8.    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const;
  9. };
  10. ​
  11. #endif // SPINDELEGATE_H

​spinDelegate.cpp

  1. #include "spindelegate.h"
  2. #include <QSpinBox>
  3. SpinDelegate::SpinDelegate(QObject *parent): QItemDelegate(parent)
  4. {
  5. ​
  6. }
  7. QWidget* SpinDelegate::createEditor(QWidget *parent
  8.           , const QStyleOptionViewItem &option, const QModelIndex &index) const
  9. {
  10.    if(index.column() == 1) // 返回下拉框
  11.   {
  12.       QSpinBox* box = new QSpinBox(parent);
  13.       box->setMinimum(1);
  14.       box->setMaximum(99);
  15.       return box;
  16.   }
  17.    return QItemDelegate::createEditor(parent, option, index);
  18. }

将widget.cpp中的构造器中修改如下函数如下：

  1. Widget::Widget(QWidget *parent)
  2.   : QTableView(parent)
  3. {
  4.   QStandardItemModel* model = new QStandardItemModel(this);
  5.   /*设置列字段名*/
  6.   model->setColumnCount(3);
  7.   model->setHeaderData(0,Qt::Horizontal, "姓名");
  8.   model->setHeaderData(1,Qt::Horizontal, "年龄");
  9.   model->setHeaderData(2,Qt::Horizontal, "性别");
  10. ​
  11.   /*设置行字段名*/
  12.   model->setRowCount(3);
  13.   model->setHeaderData(0,Qt::Vertical, "记录一");
  14.   model->setHeaderData(1,Qt::Vertical, "记录二");
  15.   model->setHeaderData(2,Qt::Vertical, "记录三");  
  16.      
  17.   /*设置一条数据*/  
  18.   model->setItem(0, 0, new QStandardItem("张三"));
  19.   model->setItem(0, 1, new QStandardItem("3"));
  20.   model->setItem(0, 2, new QStandardItem("男"));
  21.   this->setModel(model);
  22.   /*设置代理*/
  23.   this->setItemDelegate(new SpinDelegate(this));
  24. }

本文主要讲解了QT表格控件QTableView详细使用方法与实例，更多关于QT表格控件QTableView的使用技巧请查看下面的相关链接

原文链接：https://blog.csdn.net/qq769651718/article/details/79357938

标签：

相关文章