演示如何使用QTableView显示列表

Author:kagula@20150415

测试环境：vs2010sp1+qt541

调用者-初始化的时候

TestListTable::TestListTable(QWidget *parent): QMainWindow(parent){ui.setupUi(this);//connect controls with process!connect(ui.pbChangeCellValue, SIGNAL(released()), this, SLOT(OnChangeCellValue()));connect(ui.pbGrow, SIGNAL(released()), this, SLOT(OnAddRow()));connect(ui.pbShrinkColumns, SIGNAL(released()), this, SLOT(OnRemoveRow()));//sort by user click table header title!QHeaderView *headerGoods = ui.tableView->horizontalHeader();//SortIndicator为水平标题栏文字旁边的三角指示器headerGoods->setSortIndicator(0, Qt::AscendingOrder);headerGoods->setSortIndicatorShown(true);connect(headerGoods, SIGNAL(sectionClicked(int)), ui.tableView, SLOT (sortByColumn(int)));//Note:below statement which set default sort will not take effect,only you can do is modify the model directly!//ui.tableView->sortByColumn(1,Qt::SortOrder::DescendingOrder);//i have not test.//ui.tableView->setAlternatingRowColors(true);//set model. the correlation from model to view.ui.tableView->setModel(&_myTable);//custom cell background color in tableui.tableView->setItemDelegate(new ColorDelegate(ui.tableView));//change select mode is single row selection. default is single cell selection.ui.tableView->setSelectionBehavior(QAbstractItemView::SelectRows);ui.tableView->setSelectionMode(QAbstractItemView::SingleSelection);//if no this invoke, user can select multi-rows.//hide first anonymous column. by default is show in table.ui.tableView->verticalHeader()->hide();//set column width in tableView of QTableView.ui.tableView->setColumnWidth(0,32);//set row height in tableView of QTableView.QHeaderView *verticalHeader = ui.tableView->verticalHeader();verticalHeader->sectionResizeMode(QHeaderView::Fixed);verticalHeader->setDefaultSectionSize(64);//set do not show grid line. default have gray grid line.ui.tableView->setShowGrid(false);//Using QSS for Custom QHeaderView!//《Can headeview stylesheet style just the selected section?》//http://www.qtforum.org/article/28848/can-headeview-stylesheet-style-just-the-selected-section.html//《Qt Style Sheets Examples》//http://qt.developpez.com/doc/4.6/stylesheet-examples///ui.tableView->setStyleSheet("QHeaderView::section:horizontal {margin-right: 0; background-color: white;color: blue;font: 10pt \"MS Shell Dlg 2\";padding-left: 4px;border: 1px solid #6c6c6c;}");//if you do not like using QSS, you can derive QHeaderView class to custom your table header.//MyHeaderView *pHeaderView = new MyHeaderView(Qt::Orientation::Horizontal);//pHeaderView->setFixedHeight(32);//ui.tableView->setHorizontalHeader(pHeaderView);//set grid line style!//ui.tableView->setGridStyle(Qt::PenStyle::NoPen);/*//change default selection row text and background color in table control//This method do not need subclass of QItemDelegate but less flexibility!const QColor hlClr = Qt::darkYellow; // highlight color to setconst QColor txtClr = Qt::white; // highlighted text color to setQPalette p = palette();p.setColor(QPalette::Highlight, hlClr);p.setColor(QPalette::HighlightedText, txtClr);setPalette(p);*/}

调用者-响应事件的时候

void TestListTable::OnChangeCellValue(){QMessageBox::information(this,"Information",tr("方式类似删除记录，这里不重复了！"));}void TestListTable::OnAddRow(){std::vector<QString> record;record.push_back(QString("NewLine ID"));record.push_back(QString("NewLine Value1"));record.push_back(QString("NewLine Value2"));_myTable.addRow(record);}void TestListTable::OnRemoveRow(){if( ui.tableView){QItemSelectionModel *selectionModel = ui.tableView->selectionModel();QModelIndexList list = selectionModel->selectedIndexes();if (list.size()>0){_myTable.removeRow(list[0].row(),list[0]);}//end if}//end if}//end func

自定义表头用到的代码

MyHeaderView.h

#ifndef _MyHeaderView_H_#define _MyHeaderView_H_#pragma once#include <QHeaderView>class MyHeaderView:public QHeaderView{Q_OBJECTpublic:MyHeaderView(Qt::Orientation orientation, QWidget *parent = 0):QHeaderView( orientation, parent){ }//void paintEvent ( QPaintEvent * event );//if you want entire redraw using this function.void paintSection(QPainter* painter, const QRect& rect, int logicalIndex) const;};#endif

MyHeaderView.cpp

#include "MyHeaderView.h"#include <QPainter>#include <QPaintEvent>void MyHeaderView::paintSection( QPainter* painter, const QRect& rect, int logicalIndex ) const{const QString strTemp1 = model()->headerData(logicalIndex,Qt::Horizontal).toString().section("[",0,0);const QString strTemp2 = model()->headerData(logicalIndex,Qt::Horizontal).toString().section("[",1,1);painter->drawText(rect,Qt::AlignLeft,strTemp1+"NewAppended");if (!strTemp2.isEmpty())painter->drawText(rect,Qt::AlignRight,"[" + strTemp2);//QHeaderView::paintSection(painter,rect,logicalIndex);}////void MyHeaderView::paintEvent( QPaintEvent * event )//{//QPainter painter(this);//painter.drawRect(event->rect());//}

自定义表体用到的代码

ColorDelegate.h

#pragma once#include <QItemDelegate>class ColorDelegate: public QItemDelegate{public:ColorDelegate(QObject *parent = 0) : QItemDelegate(parent) {}public:virtual void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;protected:virtual void drawBackground(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;virtual void drawDisplay(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;virtual void drawArrow2(QPainter *painter, const QStyleOptionViewItem &option) const;};

ColorDelegate.cpp

#include "ColorDelegate.h"#include <QApplication>#include <QtGui>#include <QPainter>#include <QImage>#include "MyTable.h"void ColorDelegate::paint( QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index ) const{Q_ASSERT(index.isValid());drawBackground(painter,option,index);//drawDisplay(painter,option,index);//QItemDelegate::paint(painter,option,index);//draw in default manner, you can invoke it after you custom cell background color;{//invoke parent class draw textconst MyTable* model = static_cast<const MyTable*>(index.model());QString text = model->item(index);if (index.column()>0){QItemDelegate::drawDisplay(painter,option,option.rect,text);} else{this->drawArrow2(painter,option);drawArrow2(painter,option);}}}void ColorDelegate::drawBackground( QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index ) const{/*//Every cell background color is random generation.Q_UNUSED(index);painter->fillRect(option.rect, QColor(qrand()%255, qrand()%255, qrand()%255));*//*//Except the first column, other cell's background is white.int row = index.row();int col = index.column();if (col == 0){painter->fillRect(option.rect, QColor(222,255,255));}else{painter->fillRect(option.rect, QColor(255,255,255));}*/if (option.showDecorationSelected && (option.state & QStyle::State_Selected)){//if you invoke parent class drawDisplay function, below statement will not take effect.painter->fillRect(option.rect, QColor(222,255,255));}  else {painter->fillRect(option.rect, QColor(255,255,255));}/*// Paint the grid linepainter->save();painter->setPen(QColor(0, 0, 0, 220));painter->drawLine(option.rect.bottomLeft(), option.rect.bottomRight());painter->setPen(QColor(255, 255, 255,255));painter->drawLine(option.rect.topRight(), option.rect.bottomRight());painter->restore();*/}void ColorDelegate::drawDisplay( QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index ) const{QStyleOptionViewItem opt = setOptions(index, option);const MyTable* model = static_cast<const MyTable*>(index.model());QString text = model->item(index);if (text.isEmpty())return;/*//draw the cell with myOption:QStyleOptionViewItemV4 myOption = option;myOption.text = text;if (option.showDecorationSelected && (option.state & QStyle::State_Selected)){myOption.font.setBold(true);//text to be bold when selected}  else {myOption.font.setBold(false);//text not to be bold when unselected}QApplication::style()->drawControl(QStyle::CE_ItemViewItem, &myOption, painter);*///this method can let's you set font size in indifferent cellQFont font;font.setPixelSize(16);painter->save();painter->setFont(font);painter->drawText(option.rect,text);painter->restore();}void ColorDelegate::drawArrow2( QPainter *painter, const QStyleOptionViewItem &option ) const{QImage qimage("D:\\workspace\\testPlugin2\\TestListTable\\arrow.png");int top = (option.rect.height() - qimage.height())/2 + option.rect.top();int left = (option.rect.width() - qimage.width())/2 + option.rect.left();painter->drawImage(left,top, qimage);  // Paint the mask onto the image}

Model源代码

MyTable.h

#ifndef _MYTABLE_H_#define _MYTABLE_H_#pragma once#include <QAbstractTableModel>/*Title:Column View of QT5 示例代码Author:kagulaEnvironment:VS2010SP1 + QT5.4.1 for vs2010*/class MyTable:public QAbstractTableModel{Q_OBJECTpublic:MyTable();int rowCount(const QModelIndex &parent = QModelIndex()) const;int columnCount(const QModelIndex &parent = QModelIndex()) const;QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const;QVariant headerData(int section, Qt::Orientation orientation, int role) const;//sort tablevoid sort(int column, Qt::SortOrder order = Qt::AscendingOrder);//add rowvoid addRow(std::vector<QString> record);void removeRow(int row, QModelIndex modelIndex);//for my custom delegate retrieve cell's valueQString item(const QModelIndex &index) const;public:static int _column;private slots:void layoutAboutToBeChanged();private:std::vector<std::vector<QString>> _body;};#endif

MyTable.cpp

#include "MyTable.h"#include <QTextCodec>#include <algorithm>int MyTable::_column = 0;MyTable::MyTable(){const int countRow = 3;const int countCol = 3;for (int row=0;row<countRow;row++){std::vector<QString> record;for (int col = 0;col<countCol;col++){QString qsValue;qsValue.append("(row=");qsValue.append(QString::number(row));qsValue.append(",col=");qsValue.append(QString::number(col));qsValue.append(")");record.push_back(qsValue);}_body.push_back(record);}//end double for statement}int MyTable::rowCount( const QModelIndex &parent /*= QModelIndex()*/ ) const{return _body.size();}int MyTable::columnCount( const QModelIndex &parent /*= QModelIndex()*/ ) const{if (_body.size()>0){return _body[0].size();}return 0;}QVariant MyTable::data( const QModelIndex &index, int role /*= Qt::DisplayRole*/ ) const{int row = index.row();int col = index.column();if (row >= _body.size() || col >= _body[row].size() )return QVariant(QString(""));if (role == Qt::DisplayRole){return QVariant(_body[row][col]);}else if (role == Qt::CheckStateRole){}return QVariant();}QVariant MyTable::headerData( int section, Qt::Orientation orientation, int role ) const{if (role == Qt::DisplayRole){if (orientation == Qt::Horizontal) {switch (section){case 0:return QStringLiteral("ID");case 1:return QStringLiteral("列1");case 2:return QStringLiteral("列2");case 3:return QStringLiteral("列3");case 4:return QStringLiteral("列4");}}}return QVariant();}QString MyTable::item( const QModelIndex &index ) const{int row = index.row();int col = index.column();if (row >= _body.size() || col >= _body[row].size() )return QString("");return _body[row][col];}static inline bool my_greater(std::vector<QString> a, std::vector<QString> b){return a[MyTable::_column]>b[MyTable::_column];}static inline bool my_lesser(std::vector<QString> a, std::vector<QString> b){return a[MyTable::_column]<b[MyTable::_column];}void MyTable::sort( int column, Qt::SortOrder order /*= Qt::AscendingOrder*/ ){emit layoutAboutToBeChanged();_column = column;if (order == Qt::DescendingOrder){std::sort(_body.begin(), _body.end(), my_greater);}else{std::sort(_body.begin(), _body.end(), my_lesser);}}//func end//refresh view when the model is modified!void MyTable::layoutAboutToBeChanged(){beginResetModel();endResetModel();}void MyTable::addRow( std::vector<QString> record ){int newRow = _body.size();beginInsertRows(QModelIndex(), newRow, newRow);_body.push_back(record);endInsertRows();}void MyTable::removeRow( int row, QModelIndex modelIndex){if (row>=_body.size()){return;}/*Only when user click the view of table, the effect will appear!beginRemoveRows(modelIndex,row,row);_body.erase(_body.begin() + row);endRemoveRows();Instead you must you below code!*/beginResetModel();_body.erase(_body.begin() + row);endResetModel();}