QT表格控件QTableView簡介

表格視圖控件QTableView，需要和QStandardItemModel, 配套使用，這套架構是基于MVC設計模式設計的，M(Model)是QStandardItemModel資料模型，不能單獨顯示出來。V(view)是指QTableView視圖，要來顯示資料模型，C(controllor)控制在Qt中被弱化，與View合并到一起。

QTableView簡單使用執行個體

QStandardItmeModel表格的資料模型，那麼這個模型需要填上每一行每一列的資料，就像execl表格一樣。

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QTableView>

class Widget : public QTableView //繼承至QTableView
{
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H

【領QT開發教程學習資料，點選下方連結免費領取↓↓，先碼住不迷路~】

點選→領取「連結」

widget.cpp

#include "widget.h"
#include <QStandardItemModel>
#include <QDebug>
Widget::Widget(QWidget *parent)
   : QTableView(parent)
{
   QStandardItemModel* model = new QStandardItemModel(this);
   model->setItem(0, 0, new QStandardItem("張三")); 
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   this->setModel(model);
}

Widget::~Widget()
{

}

以上代碼實作了在model中添加一條資料，然後通過setModel函數設定view的資料模型為model，顯示出來，如圖：

Qt GUI圖形圖像開發之QT表格控件QTableView詳細使用方法與執行個體

QTableView修改行列字段名

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

Widget::Widget(QWidget *parent)
   : QTableView(parent)
{
   QStandardItemModel* model = new QStandardItemModel(this);
   /*設定列字段名*/
   model->setColumnCount(3);
   model->setHeaderData(0,Qt::Horizontal, "姓名");
   model->setHeaderData(1,Qt::Horizontal, "年齡");
   model->setHeaderData(2,Qt::Horizontal, "性别");

   /*設定行字段名*/
   model->setRowCount(3);
   model->setHeaderData(0,Qt::Vertical, "記錄一");
   model->setHeaderData(1,Qt::Vertical, "記錄二");
   model->setHeaderData(2,Qt::Vertical, "記錄三");   
      
   /*設定一條資料*/   
   model->setItem(0, 0, new QStandardItem("張三"));
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   this->setModel(model);
}

QTableView移除資料

移除資料的常用函數有：

/*移除某行資料*/
bool QAbstractItemModel::removeRow(int row, const QModelIndex &parent = QModelIndex()) 
/*移除某列資料*/
bool QAbstractItemModel::removeColumn(int column, const QModelIndex &parent = QModelIndex())

例如：

model->removeRow(0);//移除第0行資料
model->removeColumn(0);//移除第0列資料

【領QT開發教程學習資料，點選下方連結免費領取↓↓，先碼住不迷路~】

點選→領取「連結」

QTableView插入資料

插入一行資料

void QStandardItemModel::insertRow(int row, const QList<QStandardItem *> &items)
/*
* row 表示從第幾行插入資料
* items 表示要插入的資料QStandardItem對象
*/

例如：

QList<QStandardItem*> list;
list << new QStandardItem("王五") << new QStandardItem("22") << new QStandardItem("男");
model->insertRow(0, list); //在第0行插入一條記錄

QTableView資料變更信号處理

[signal] void QAbstractItemModel::dataChanged(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles = QVector<int> ());

/*
*topLeft bottomRight這兩索引指的是表格中被更改資料的區域，如果隻有一個資料被更改，那麼topLeft等于bottomRight
*/

例如：

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QTableView>
class QStandardItemModel;
class Widget : public QTableView
{
    Q_OBJECT
public slots:
    void dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles = QVector<int> ());
public:
    Widget(QWidget *parent = 0);
    QStandardItemModel* _model;
    ~Widget();
};

#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include <QStandardItemModel>
#include <QDebug>
Widget::Widget(QWidget *parent)
   : QTableView(parent)
{
   _model = new QStandardItemModel(this);
   _model->setColumnCount(3);
   _model->setHeaderData(0,Qt::Horizontal, "姓名");
   _model->setHeaderData(1,Qt::Horizontal, "年齡");
   _model->setHeaderData(2,Qt::Horizontal, "性别");

   _model->setRowCount(3);
   _model->setHeaderData(0,Qt::Vertical, "記錄一");
   _model->setHeaderData(1,Qt::Vertical, "記錄二");
   _model->setHeaderData(2,Qt::Vertical, "記錄三");

   _model->setItem(0, 0, new QStandardItem("張三"));
   _model->setItem(0, 1, new QStandardItem("3"));
   _model->setItem(0, 2, new QStandardItem("男"));


   connect(_model, SIGNAL(dataChanged(QModelIndex,QModelIndex,QVector<int>)), this, SLOT(dataChangedSlot(QModelIndex,QModelIndex,QVector<int>)));
   this->setModel(_model);
}

void Widget::dataChangedSlot(const QModelIndex &topLeft, const QModelIndex &bottomRight, const QVector<int> &roles)
{
    qDebug() << _model->data(topLeft).toString() << endl;

}

Widget::~Widget()
{

}

需要知道的是函數data可以擷取想要的QStandardItem對象的索引：

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

傳回的QVariant對象是一種泛型變量，可以轉換成QString、int、double等資料類型。

QTableView常用函數

//預設顯示行頭，如果你覺得不美觀的話，我們可以将隐藏        
tableview->verticalHeader()->hide();      

 //設定選中時為整行選中        
tableview->setSelectionBehavior(QAbstractItemView::SelectRows);         
   
 //設定表格的單元為隻讀屬性，即不能編輯        
tableview->setEditTriggers(QAbstractItemView::NoEditTriggers);  

//傳回一個被選中的所有Item的索引,一般是去周遊這個連結清單進行處理
[virtual protected] QModelIndexList QTableView::selectedIndexes() const

QStandardItem被點選信号

當QStandardItemModel中的某個QStandardItem被點選後，QStandardItemModel對象會發出一個信号:

void QAbstractItemView::clicked(const QModelIndex &index);
/*
*傳回被點選的Item的索引
*/

【領QT開發教程學習資料，點選下方連結免費領取↓↓，先碼住不迷路~】

點選→領取「連結」

QItemDelegate代理

QTableView在處理資訊顯示編輯的時候比較單調，類似行編輯器，為了獲得更多的靈性性，互動通過QItemDelegate執行。

下面通過派生一個SpinDelegate來實作一個整數旋轉框的代理器。

一般我們要重寫函數createEditor：

[virtual] QWidget *QItemDelegate::createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const
/*
*QWidget *parent一般是指哪個視窗使用了這個代理,一般用來托管記憶體
* QStyleOptionViewItem &option 樣式風格
* const QModelIndex &index 需要更改的Item索引
*/

spinDelegate.h

#ifndef SPINDELEGATE_H
#define SPINDELEGATE_H
#include <QItemDelegate>
class SpinDelegate : public QItemDelegate
{
public:
    SpinDelegate(QObject *parent = Q_NULLPTR);
    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};

#endif // SPINDELEGATE_H

spinDelegate.cpp

#include "spindelegate.h"
#include <QSpinBox>
SpinDelegate::SpinDelegate(QObject *parent): QItemDelegate(parent)
{

}
QWidget* SpinDelegate::createEditor(QWidget *parent
           , const QStyleOptionViewItem &option, const QModelIndex &index) const
{
    if(index.column() == 1) // 傳回下拉框
   {
       QSpinBox* box = new QSpinBox(parent);
       box->setMinimum(1);
       box->setMaximum(99);
       return box;
   }
    return QItemDelegate::createEditor(parent, option, index);
}

将widget.cpp中的構造器中修改如下函數如下：

Widget::Widget(QWidget *parent)
   : QTableView(parent)
{
   QStandardItemModel* model = new QStandardItemModel(this);
   /*設定列字段名*/
   model->setColumnCount(3);
   model->setHeaderData(0,Qt::Horizontal, "姓名");
   model->setHeaderData(1,Qt::Horizontal, "年齡");
   model->setHeaderData(2,Qt::Horizontal, "性别");

   /*設定行字段名*/
   model->setRowCount(3);
   model->setHeaderData(0,Qt::Vertical, "記錄一");
   model->setHeaderData(1,Qt::Vertical, "記錄二");
   model->setHeaderData(2,Qt::Vertical, "記錄三");   
      
   /*設定一條資料*/   
   model->setItem(0, 0, new QStandardItem("張三"));
   model->setItem(0, 1, new QStandardItem("3"));
   model->setItem(0, 2, new QStandardItem("男"));
   this->setModel(model);
   /*設定代理*/
   this->setItemDelegate(new SpinDelegate(this));
}

Qt GUI圖形圖像開發之QT表格控件QTableView詳細使用方法與執行個體

QT表格控件QTableView簡介

QTableView簡單使用執行個體

QTableView修改行列字段名

QTableView移除資料

QTableView插入資料

QTableView資料變更信号處理

QTableView常用函數

QStandardItem被點選信号

QItemDelegate代理

繼續閱讀

protobuf檔案生成js檔案詳細流程

Unreal Engine 4.14 Release Notes Unreal Engine 4.14 Release Notes What's New Major Features Release Notes

關于Houdini中體積SDF，fog，volume，vdb的一些了解和差別

everything 電腦檔案秒搜尋工具安裝與使用方法介紹

抓包工具tcpdump使用方法彙總

PyQT——QTableView的使用

QSS中QTableview的表頭和邊框border設定

一 QT之QTableView用QHeaderView添加橫向表頭

QTableView 代理實作行高随内容變化＜二＞

QtableView點選滑動設計

Qt之QTableView的使用

Qt QTableView 如何清理清單裡的資料資料初始化清理資料

QAbstractItemModel 與 QItemDelegate關系

QTableView如何實時更新

裸眼3D技術原理及單晶片解決方案

yum指令使用方法彙總