如何将原始复选框与 QHeaderView 的列标题的中心对齐？

Question

我有一个自定义的QTableView 模型和一个自定义的QHeaderView，以便呈现一个用于对表格内容执行“全选”功能的复选框。

在我的标头重载的paintSection() 函数中，我成功渲染了用于全选的复选框：

QStyleOptionButton option;
option.rect = QRect(3,10,16,16);
option.state = QStyle::State_Enabled | QStyle::State_Active;
if (isChecked_)
    option.state |= QStyle::State_On;
else
    option.state |= QStyle::State_Off;
style()->drawPrimitive(QStyle::PE_IndicatorCheckBox, &option, painter);

不幸的是，复选框没有居中呈现，而是左对齐。这与每个表条目的列中正确居中的QStyledItemDelegate 复选框完全冲突。

我知道我可以更改QRect 的前两个参数来更改绘制图元的原点，但这不会响应列宽的变化。虽然，固定列宽并不是最糟糕的解决方案。

如何在列标题中正确居中复选框？

辅助问题：可以通过单击单元格中的 anywhere 来切换标题中的复选框，而不仅仅是在框本身上（与通过代表在表格中呈现的那些不同）。有没有办法解决这个问题？

Answer 1

The solution of @scopchanov 对我不起作用，因为复选框涵盖了标题的整个项目

一个可能的解决方案是绘制带有样式的 CheckBox，但除此之外，您必须记住该元素是否被选中，为此我们使用QMap<>，第一个元素是logicalIndex，因为即使移动列并且第二个元素是状态，它也不会改变。

#include <QApplication>
#include <QHeaderView>
#include <QMouseEvent>
#include <QPainter>
#include <QStandardItemModel>
#include <QTableView>

class CheckedHeaderView : public QHeaderView
{
    Q_OBJECT
public:
    using QHeaderView::QHeaderView;
protected:
    void paintSection(QPainter *painter, const QRect &rect, int logicalIndex) const override
    {
        painter->save();
        QHeaderView::paintSection(painter, rect, logicalIndex);
        painter->restore();
        QStyleOptionButton opt;

        QRect checkbox_rect = style()->subElementRect(QStyle::SE_CheckBoxIndicator, &opt);
        checkbox_rect.moveCenter(rect.center());
        opt.rect = checkbox_rect;
        opt.state = QStyle::State_Enabled | QStyle::State_Active;
        if(logicalIndex == columnDown)
            opt.state |= QStyle::State_Sunken;
        if (states[logicalIndex])
            opt.state |= QStyle::State_On;
        else
            opt.state |= QStyle::State_Off;
        style()->drawPrimitive(QStyle::PE_IndicatorCheckBox, &opt, painter);
    }
    void mousePressEvent(QMouseEvent *event) override
    {
        QHeaderView::mousePressEvent(event);
        int li = logicalIndexAt(event->pos());
        if(li == -1) return;
        columnDown = li;
        updateSection(li);
    }
    void mouseReleaseEvent(QMouseEvent *event) override
    {
        QHeaderView::mouseReleaseEvent(event);
        int li = logicalIndexAt(event->pos());
        if(li == -1) return;
        states[li] = !states[li];
        Q_EMIT checked(li, states[li]);
        columnDown = -1;
        updateSection(li);
    }
Q_SIGNALS:
    void checked(int logicalIndex, bool state);
private:
    QMap<int, bool> states;
    int columnDown = -1;
};

class TableView : public QTableView
{
    Q_OBJECT
public:
    TableView(QWidget *parent = nullptr):
        QTableView(parent)
    {
        CheckedHeaderView *header = new CheckedHeaderView(Qt::Horizontal, this);
        setHorizontalHeader(header);
        connect(header, &CheckedHeaderView::checked, this, &TableView::on_checked);
    }
private Q_SLOTS:
    void on_checked(int logicalIndex, bool state){
        QItemSelectionModel::SelectionFlags command = state? QItemSelectionModel::Select : QItemSelectionModel::Deselect;
        for(int r=0; r < model()->rowCount(); r++){
            QModelIndex ix = model()->index(r, logicalIndex);
            selectionModel()->select(ix, command);
        }
    }
};


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    TableView w;
    QStandardItemModel *model = new QStandardItemModel(8, 6, &w);
    w.setModel(model);
    w.show();
    return a.exec();
}

Answer 2

解决方案

QHeaderView::paintSection 将QRect &rect 作为参数。设置QStyleOption::rect等于rect，即替换

option.rect = QRect(3,10,16,16);

与

option.rect = rect;

注意：此解决方案可响应列宽的变化。

示例

使用您对paintSection 的实现，我创建了一个最小示例，以演示如何实现建议的解决方案。代码在GitHub 上提供。

结果

提供的示例在 Windows 7 上产生以下结果：

Windows 10 上的结果：

注意：此解决方案不适用于 Linux，因为它会产生以下结果（Ubuntu 17）：