Qt之QHeaderView自定义排序（终极版）

最新推荐文章于 2023-11-06 21:00:00 发布
最新推荐文章于 2023-11-06 21:00:00 发布
阅读量807 收藏 8
点赞数
原文链接：https://yq.aliyun.com/articles/120060
版权

简述

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

下面我们介绍三种方案：

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

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

委托绘制

效果

这里写图片描述

QStyledItemDelegate

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

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 = viewOption.state ^ QStyle::State_HasFocus;

    // 进行大小转换
    if (index.column() == FILE_SIZE_COLUMN)
    {
        qint64 bytes = index.data().toLongLong();
        viewOption.text = bytesToGBMBKB(bytes) ;
        QApplication::style()->drawControl(QStyle::CE_ItemViewItem, &viewOption, painter, viewOption.widget);
    }
    else
    {
        QStyledItemDelegate::paint(painter, viewOption, index);
    }
}

眼见不一定为实

通过效果图我们也可以很明显的看出来，其实内部的数据并不是界面显示的字符串，而是原始的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 = index.column();
    if ((nColumn == FILE_SIZE_COLUMN))
        QToolTip::showText(QCursor::pos(), index.data().toString());
}

用户数据

QAbstractTableModel

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

// 表格项数据
QVariant TableModel::data(const QModelIndex &index, int role) const
{
    if (!index.isValid())
        return QVariant();

    int nRow = index.row();
    int nColumn = index.column();
    FileRecord record = 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 == FILE_NAME_COLUMN)
        {
            return record.strFileName;
        }
        else if (nColumn == DATE_TIME_COLUMN)
        {
            return record.dateTime;
        }
        else if (nColumn == FILE_SIZE_COLUMN)
        {
            return bytesToGBMBKB(record.nSize);
        }

        return "";
    }
    case Qt::UserRole:
    {
        // 新增代码
        if (nColumn == 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() == FILE_SIZE_COLUMN) && (source_right.column() == FILE_SIZE_COLUMN))
    {
        // 这里我们所取得数据是用户源数据
        QVariant leftData = sourceModel()->data(source_left, Qt::UserRole);
        QVariant rightData = sourceModel()->data(source_right, Qt::UserRole);

        if (leftData.canConvert<qint64>() && rightData.canConvert<qint64>())
        {
            return leftData.toLongLong() < rightData.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   // 文件大小隐藏列，显示为字节

// 列数
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 = index.column();
    FileRecord record = m_recordList.at(index.row());
    switch (role)
    {
    case Qt::DisplayRole:
    {
        if (nColumn == FILE_NAME_COLUMN)
        {
            record.strFileName = value.toString();
        }
        else if (nColumn == DATE_TIME_COLUMN)
        {
            record.dateTime = value.toDateTime();
        }
        // 新增代码
        else if ((nColumn == FILE_SIZE_COLUMN) || (nColumn == FILE_SIZE_HIDDEN_COLUMN))
        {
            record.nSize = value.toLongLong();
        }

        m_recordList.replace(index.row(), record);
        emit dataChanged(index, index);

        // 新增代码
        if ((nColumn == FILE_SIZE_COLUMN) || (nColumn == FILE_SIZE_HIDDEN_COLUMN))
        {
            int nSizeColumn = (nColumn == FILE_SIZE_COLUMN) ? FILE_SIZE_HIDDEN_COLUMN : FILE_SIZE_COLUMN;
            QModelIndex sizeIndex = 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 = index.row();
    int nColumn = index.column();
    FileRecord record = 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 == FILE_NAME_COLUMN)
        {
            return record.strFileName;
        }
        else if (nColumn == DATE_TIME_COLUMN)
        {
            return record.dateTime;
        }
        else if (nColumn == FILE_SIZE_COLUMN)
        {
            return bytesToGBMBKB(record.nSize);
        }
        // 新增代码
        else if (nColumn == 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 == Qt::Horizontal)
        {
            if (section == FILE_NAME_COLUMN)
                return QStringLiteral("名称");

            if (section == DATE_TIME_COLUMN)
                return QStringLiteral("修改日期");

            if (section == FILE_SIZE_COLUMN)
                return QStringLiteral("大小");

            // 新增代码
            if (section == FILE_SIZE_HIDDEN_COLUMN)
                return QStringLiteral("大小（字节）");
        }
    }
    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() == FILE_SIZE_COLUMN) && (source_right.column() == FILE_SIZE_COLUMN))
    {
        // 获取辅助列索引
        QModelIndex sizeLeftIndex = sourceModel()->index(source_left.row(), FILE_SIZE_HIDDEN_COLUMN);
        QModelIndex sizeRightIndex = sourceModel()->index(source_right.row(), FILE_SIZE_HIDDEN_COLUMN);

        QVariant leftData = sourceModel()->data(sizeLeftIndex);
        QVariant rightData = sourceModel()->data(sizeRightIndex);

        if (leftData.canConvert<qint64>() && rightData.canConvert<qint64>())
        {
            return leftData.toLongLong() < rightData.toLongLong();
        }
    }

    return QSortFilterProxyModel::lessThan(source_left, source_right);
}

隐藏辅助列

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

总结

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

weixin_33834910
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义QHeaderView控件+QTable委托
03-07
自定义的QHeaderView控件，使用QTable委托实现，这总方法可以很方便的开发其他的类似功能
Qt之QHeaderView排序
weixin_34007879的博客
03-02 554
简述 在Windows中我们经常会遇到表头排序，比如可以对文件按照名称、修改日期、类型、大小进行排序，方便我们统一的归类查找。 Qt中，我们可以通过点击表头来对QTableView或QTreeView等一系列高级视图进行排序，对于一般的数据来说-比如：int、QString等，简单的几句代码就可以搞定，因为Qt内部做了很好的排序处理...
[pyqt5]QTabView增删改使用教程
FL1623863129的博客
07-20 1964
self.table_view.horizontalHeader().setDragDropMode(QAbstractItemView.InternalMove) # 设置拖动模式。self.table_view.horizontalHeader().setSectionResizeMode(QHeaderView.Stretch) # 使表宽度自适应。font = self.table_view.horizontalHeader().font() # 获取当前表格标题栏的字体。
PyQt5 组件之QTableView
zhouzhiwengang的专栏
08-16 3207
QTableView 简介 在通常情况下，一个应用需要和一批数据进行交互，然后以表格的形式输出这些信息，这时就需要用到QTableView类了，在QTableView中可以使用自定义的数据模型来显示内容，通过setModel来绑定数据源 QTableWidget继承自QTableView，主要区别是QTableView可以使用自定义的数据模型来显示内容（先通setModel来绑定数据源），而QTableWidget自能使用标准的数据模型，并且其单元格数据是通过QTableWidgetItem对象实现的，通
自定义QTableView的表头QHeaderView实现多行表头
11-14
1.自定义了一个表格View(TcTableView),支持继承重载相关虚函数, 2.TcTabelView支持设置多行横向表头(默认2行), 3.可以添加多张表格，每个表格是独立的，它们都有属于自己的自定义表头。 4.表头的右键操作我是自己写...
Qt QtableWidget自定义表格
11-07
#include <QHeaderView> #include #include #include #include #include #include #include #include #include #include #include #include class GridCtrl:public QTableWidget { Q_OBJECT public: ...
Qt之多行表头
12-03
Qt不提供默认的多行表头控件， 网上大多也是用2个QTableWidget组合来实现，最近在网上看到一份资源。他的思路是使用Model/View，通过使用重载来实现，我觉得很有学习借鉴的价值。所以在这分享。
QT-qtableview表头添加复选框QHeaderView
最新发布
06-15
在 Qt 框架中，要在 QTableView 的表头中添加复选框，可以通过继承 QHeaderView 并重写 paintSection 方法来实现。 介绍一种继承 QHeaderView的方法实现QTableView 中添加复选框，可全选/全不选/部分选。
Pyqt5 自定义重写QHeaderView类实现自定义Checkbox
小众的博客
09-02 993
先看效果 具体代码如下 from PyQt5.QtGui import * from PyQt5.QtWidgets import * MHeaderViewStyle01 = "QHeaderView::section{height:20px;background:#d0d3dd;font:bold 12px;color:#000000;border:1px solid #c4c4c4;} \ QHeaderView::secti
qt中的tableView中的排序
Littlehero_121的博客
04-20 2685
一、第三列的排序方式： 1、第3列是按照升序来排列 ui->tableView->sortByColumn(3,Qt::AscendingOrder);//第3列是按照升序来排列 ui->tableView->setSortingEnabled(true); 2、第3列是按照降序来排列 ui->tableView->sortByColumn(3,Qt::DescendingOrder);//第3列是按照降序来排列 ui->tableView->se
Qt模型视图框架：QHeaderView
热门推荐
友善啊，朋友的博客
08-11 1万+
一、描述 QHeaderView 显示项目视图（如QTableView、QTreeView）中使用的标题。 标头使用 QAbstractItemModel::headerData() 函数从模型中获取每个部分的数据。可以使用 QAbstractItemModel::setHeaderData() 设置数据。 对于水平标题，该部分相当于模型中的一列，对于垂直标题，该部分相当于模型中的一行。 移动标题部分 标题可以固定到位，也可以使用 setSectionsMovable() 移动。它可以通过 set
QT中Qtableview视图表格中点击表头进行排序
weixin_30888413的博客
06-17 1368
用QT写了一个小工具，主要是对Excel中大量的数据进行计算和显示。 写了有一段时间，然后断断续续的做一些修改和完善。 因为要显示的数据有多列，很自然的会想到要能够对显示的数据进行排序。如果直接操作model里的数据，不太方便，因为最好是能由用户自己选择按哪一列进行排序。如果通过信号槽机制，也不是很方便。然后找到QTableView下有一个setSortingEnabled()的函数。在将该函...
Qt之QTableView自定义排序/过滤（QSortFilterProxyModel实现，含源码+注释）
lw的博客
02-28 3600
自定义排序和过滤比较简单，但是在项目中非常实用，如需要将某行/列置顶，特殊条件过滤等。
QTableView的筛选和排序实现
zw_ggr_2017的博客
04-28 3943
QTableView，QSortFilterProxyModel
在PyQT5中对Item类在选中时保持原有颜色的方法
PeakGao的专栏
05-15 1298
自己的一个工具里面用到了QTreeWidget，因为涉及到股票数据的显示，所以在Item上，不同列的含义不同，所以颜色也不一样，比如红色上涨，绿色下跌等。但是用了后，发现选中后，自己设置的颜色就无效了。 我的需求如下： 1、选中一行Item后，前景色保持原样，只多了个背景颜色，醒目一点； 2、窗口失去焦点时，不要把颜色改成了Inactive类型的颜色，还是保持原来的颜色，但是背景色可以变暗一点。 摸了半天，终于搞成了，我用了StyleSheet，所以还踩了坑，下面给出主要的做法吧，应该对QListW
QT(5)-QHeaderView
m晴朗的博客
01-05 2206
函数用于检索表头分区是否会自动调整大小以使最后一个分区占满整个视图。设置表头分区是否会自动调整大小以使最后一个分区占满整个视图函数用于检索表头分区会自动调整大小以使最后一个分区占满整个视图的分区数。
Qt QTableView排序
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
11-06 1733
在开发过程中，我们需要通过点击表头来对QTableView或QTreeView等一系列高级视图进行排序操作，以下是进行排序的步骤。首先创建了一个QStandardItemModel对象或者继承QAbstractTableModel类作为数据模型，并设置了一些数据。然后创建一个QTableView对象，并将数据模型设置为其模型。接下来，创建一个QSortFilterProxyModel对象，并将QStandardItemModel对象设置为其源模型。然后设置QTableView开启排序功能。
qt qheaderview 多层
06-11
QHeaderView 是一个用于显示表格头部信息的控件，它支持多层表头。如果需要实现多层表头，可以使用 QStandardItemModel 来创建一个有层次结构的表格模型，然后将这个模型设置给 QTableView 控件。然后，QHeaderView 控件就可以根据这个模型来显示多层表头。 下面是一个简单的示例代码，演示如何使用 QStandardItemModel 和 QTableView 实现多层表头： ```cpp QStandardItemModel *model = new QStandardItemModel(); // 设置列数和行数 model->setColumnCount(3); model->setRowCount(2); // 设置第一层表头 model->setHeaderData(0, Qt::Horizontal, "A"); model->setHeaderData(1, Qt::Horizontal, "B"); model->setHeaderData(2, Qt::Horizontal, "C"); // 设置第二层表头 QList<QStandardItem*> secondHeaders; for (int i = 0; i < 3; i++) { QStandardItem *item = new QStandardItem(); item->setData("Sub" + QString::number(i), Qt::DisplayRole); secondHeaders.append(item); } model->insertRow(0, secondHeaders); QTableView *tableView = new QTableView(); tableView->setModel(model); // 设置表头控件 QHeaderView *headerView = new QHeaderView(Qt::Horizontal, tableView); headerView->setSectionsClickable(true); headerView->setSectionResizeMode(QHeaderView::Stretch); tableView->setHorizontalHeader(headerView); // 显示表格 tableView->show(); ``` 在这个示例中，我们首先创建了一个 QStandardItemModel 对象，并设置了两层表头。第一层表头包含了三个列，显示为 "A"、"B" 和 "C"。第二层表头包含了三个子列，显示为 "Sub0"、"Sub1" 和 "Sub2"。 然后，我们创建了一个 QTableView 控件，并将我们创建的模型设置给它。接着，我们创建了一个 QHeaderView 控件，并将它设置为水平表头。最后，我们将这个表头控件设置给 QTableView 控件，然后显示表格。 这样，我们就实现了一个带有多层表头的表格。如果需要更复杂的表头结构，可以继续使用 QStandardItemModel 来创建更深层次的表格模型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值