简述

本节主要解决自定义排序衍生的第二个问题-将整形显示为字符串&＃xff0c;而排序依然正常。

下面我们介绍三种方案&＃xff1a;

1. 委托绘制
2. 用户数据
3. 辅助列

很多人也许会有疑虑&＃xff0c;平时都用delegate来绘制各种按钮、图标、图形等操作&＃xff0c;它还能排序&＃xff1f;当然&＃xff0c;它本身是不会排序的&＃xff0c;但他的高级用法之一就是-辅助排序。

• 简述
• 委托绘制
  • 效果
  • QStyledItemDelegate
  • 眼见不一定为实
• 用户数据
  • QAbstractTableModel
  • QSortFilterProxyModel
• 辅助列
  • 效果
  • QAbstractTableModel
  • QSortFilterProxyModel
  • 隐藏辅助列
• 总结

委托绘制

效果

QStyledItemDelegate

我们可以通过设置显示的文本&＃xff0c;然后调用QStyle的drawControl来进行ViewItem的绘制。绘制之后&＃xff0c;数据源中的数据依然是qint64的&＃xff0c;而我们看到的是绘制之后的文本-QString类型&＃xff0c;这样QSortFilterProxyModel默认排序&＃xff08;根据源数据排序&＃xff09;就可以满足我们的要求了。

void SortDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{QStyleOptionViewItem viewOption(option);initStyleOption(&viewOption, index);if (option.state.testFlag(QStyle::State_HasFocus))viewOption.state &＃61; viewOption.state ^ QStyle::State_HasFocus;// 进行大小转换if (index.column() &＃61;&＃61; FILE_SIZE_COLUMN){qint64 bytes &＃61; index.data().toLongLong();viewOption.text &＃61; bytesToGBMBKB(bytes) ;QApplication::style()->drawControl(QStyle::CE_ItemViewItem, &viewOption, painter, viewOption.widget);}else{QStyledItemDelegate::paint(painter, viewOption, index);}
}

眼见不一定为实

通过效果图我们也可以很明显的看出来&＃xff0c;其实内部的数据并不是界面显示的字符串&＃xff0c;而是原始的qint64类型的数据。

pTableView->setMouseTracking(true);
connect(pTableView, SIGNAL(entered(QModelIndex)), this, SLOT(showToolTip(QModelIndex)));void MainWindow::showToolTip(const QModelIndex &index)
{if (!index.isValid())return;int nColumn &＃61; index.column();if ((nColumn &＃61;&＃61; FILE_SIZE_COLUMN))QToolTip::showText(QCursor::pos(), index.data().toString());
}

用户数据

QAbstractTableModel

显示在界面的数据为DisplayRole中的数据&＃xff0c;我们可以看到已经通过bytesToGBMBKB转化为字符串&＃xff0c;这时我们可以通过设置UserRole添加用户数据将源数据存储起来。

// 表格项数据
QVariant TableModel::data(const QModelIndex &index, int role) const
{if (!index.isValid())return QVariant();int nRow &＃61; index.row();int nColumn &＃61; index.column();FileRecord record &＃61; m_recordList.at(nRow);switch (role){case Qt::TextColorRole:return QColor(Qt::white);case Qt::TextAlignmentRole:return QVariant(Qt::AlignLeft | Qt::AlignVCenter);case Qt::DisplayRole:{if (nColumn &＃61;&＃61; FILE_NAME_COLUMN){return record.strFileName;}else if (nColumn &＃61;&＃61; DATE_TIME_COLUMN){return record.dateTime;}else if (nColumn &＃61;&＃61; FILE_SIZE_COLUMN){return bytesToGBMBKB(record.nSize);}return "";}case Qt::UserRole:{// 新增代码if (nColumn &＃61;&＃61; FILE_SIZE_COLUMN)return record.nSize;}default:return QVariant();}return QVariant();
}

QSortFilterProxyModel

根据用户源数据进行排序。

bool SortFilterProxyModel::lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const
{if (!source_left.isValid() || !source_right.isValid())return false;if ((source_left.column() &＃61;&＃61; FILE_SIZE_COLUMN) && (source_right.column() &＃61;&＃61; FILE_SIZE_COLUMN)){// 这里我们所取得数据是用户源数据QVariant leftData &＃61; sourceModel()->data(source_left, Qt::UserRole);QVariant rightData &＃61; sourceModel()->data(source_right, Qt::UserRole);if (leftData.canConvert() && rightData.canConvert()){return leftData.toLongLong() return QSortFilterProxyModel::lessThan(source_left, source_right);
}

辅助列

效果

QAbstractTableModel

设置辅助数据

#define FILE_NAME_COLUMN 0 // 文件名
#define DATE_TIME_COLUMN 1 // 修改日期
#define FILE_SIZE_COLUMN 2 // 文件大小
#define FILE_SIZE_HIDDEN_COLUMN 3 // 文件大小隐藏列&＃xff0c;显示为字节// 列数
int TableModel::columnCount(const QModelIndex &parent) const
{Q_UNUSED(parent);return 4;
}// 设置表格项数据
bool TableModel::setData(const QModelIndex &index, const QVariant &value, int role)
{if (!index.isValid())return false;int nColumn &＃61; index.column();FileRecord record &＃61; m_recordList.at(index.row());switch (role){case Qt::DisplayRole:{if (nColumn &＃61;&＃61; FILE_NAME_COLUMN){record.strFileName &＃61; value.toString();}else if (nColumn &＃61;&＃61; DATE_TIME_COLUMN){record.dateTime &＃61; value.toDateTime();}// 新增代码else if ((nColumn &＃61;&＃61; FILE_SIZE_COLUMN) || (nColumn &＃61;&＃61; FILE_SIZE_HIDDEN_COLUMN)){record.nSize &＃61; value.toLongLong();}m_recordList.replace(index.row(), record);emit dataChanged(index, index);// 新增代码if ((nColumn &＃61;&＃61; FILE_SIZE_COLUMN) || (nColumn &＃61;&＃61; FILE_SIZE_HIDDEN_COLUMN)){int nSizeColumn &＃61; (nColumn &＃61;&＃61; FILE_SIZE_COLUMN) ? FILE_SIZE_HIDDEN_COLUMN : FILE_SIZE_COLUMN;QModelIndex sizeIndex &＃61; this->index(index.row(), nSizeColumn);emit dataChanged(sizeIndex, sizeIndex);}return true;}default:return false;}return false;
}// 表格项数据
QVariant TableModel::data(const QModelIndex &index, int role) const
{if (!index.isValid())return QVariant();int nRow &＃61; index.row();int nColumn &＃61; index.column();FileRecord record &＃61; m_recordList.at(nRow);switch (role){case Qt::TextColorRole:return QColor(Qt::white);case Qt::TextAlignmentRole:return QVariant(Qt::AlignLeft | Qt::AlignVCenter);case Qt::DisplayRole:{if (nColumn &＃61;&＃61; FILE_NAME_COLUMN){return record.strFileName;}else if (nColumn &＃61;&＃61; DATE_TIME_COLUMN){return record.dateTime;}else if (nColumn &＃61;&＃61; FILE_SIZE_COLUMN){return bytesToGBMBKB(record.nSize);}// 新增代码else if (nColumn &＃61;&＃61; FILE_SIZE_HIDDEN_COLUMN){return record.nSize;}return "";}default:return QVariant();}return QVariant();
}// 表头数据
QVariant TableModel::headerData(int section, Qt::Orientation orientation, int role) const
{switch (role){case Qt::TextAlignmentRole:return QVariant(Qt::AlignLeft | Qt::AlignVCenter);case Qt::DisplayRole:{if (orientation &＃61;&＃61; Qt::Horizontal){if (section &＃61;&＃61; FILE_NAME_COLUMN)return QStringLiteral("名称");if (section &＃61;&＃61; DATE_TIME_COLUMN)return QStringLiteral("修改日期");if (section &＃61;&＃61; FILE_SIZE_COLUMN)return QStringLiteral("大小");// 新增代码if (section &＃61;&＃61; FILE_SIZE_HIDDEN_COLUMN)return QStringLiteral("大小&＃xff08;字节&＃xff09;");}}default:return QVariant();}return QVariant();
}

QSortFilterProxyModel

这里对第三列进行排序&＃xff0c;因为第三列的数据是字符串&＃xff08;当然&＃xff0c;也可以反转换&＃xff09;&＃xff0c;所以使用的辅助列数据&＃xff0c;获取字节大小后进行对比。

bool SortFilterProxyModel::lessThan(const QModelIndex &source_left, const QModelIndex &source_right) const
{if (!source_left.isValid() || !source_right.isValid())return false;if ((source_left.column() &＃61;&＃61; FILE_SIZE_COLUMN) && (source_right.column() &＃61;&＃61; FILE_SIZE_COLUMN)){// 获取辅助列索引QModelIndex sizeLeftIndex &＃61; sourceModel()->index(source_left.row(), FILE_SIZE_HIDDEN_COLUMN);QModelIndex sizeRightIndex &＃61; sourceModel()->index(source_right.row(), FILE_SIZE_HIDDEN_COLUMN);QVariant leftData &＃61; sourceModel()->data(sizeLeftIndex);QVariant rightData &＃61; sourceModel()->data(sizeRightIndex);if (leftData.canConvert() && rightData.canConvert()){return leftData.toLongLong() return QSortFilterProxyModel::lessThan(source_left, source_right);
}

隐藏辅助列

一般来说&＃xff0c;辅助列&＃xff08;数据&＃xff09;只对我们处理数据有帮助&＃xff0c;而不直接显示在界面上&＃xff0c;所以我们可以将其隐藏pTableView->setColumnHidden(FILE_SIZE_HIDDEN_COLUMN, true);

总结

小小一个排序居然也有这么多门道&＃xff0c;真是条条大路通罗马&＃xff0c;通过这几节的分享&＃xff0c;想必大家对排序有了更深入的了解&＃xff0c;更多的知识请参考官方文档。