QTableView表头添加QCheckBox复选框

柔情只为你懂 2022-06-05 01:14 2050阅读 0赞

### 关于 ###

本文主要讲如何给表格QTableView表头添加复选框，搜集文档网络发现并不能直接设置表头复选功能，普遍采取一种继承QHeaderView，重写paintSection方法实现一个QHeaderView的子类。

--------------------

### 子类头文件 HeaderView.h ###

源码如下：

#ifndef HEADERVIEW_H
    #define HEADERVIEW_H
    
    #include <QObject>
    #include <QHeaderView>
    #include <QPainter>
    
    class HeaderView : public QHeaderView
    {
    public:
        //构造函数， 第一个参数设定表头方向
        HeaderView(Qt::Orientation orientation, QWidget* parent = 0);
    
    protected:
        void paintSection(QPainter* painter, const QRect& rect, int logicalIndex) const;
    
        void mousePressEvent(QMouseEvent* event);
    
    private:
        //checkbox的开启或关闭状态
        bool isOn;
    };
    
    #endif // HEADERVIEW_H

--------------------

### 子类实现文件HeaderView.cpp ###

#include "headerview.h"
    
    HeaderView::HeaderView(Qt::Orientation orientation, QWidget*  parent)
        : QHeaderView(orientation, parent)
    {
    
    }
    
    void HeaderView::paintSection(QPainter *painter, const QRect &rect, int logicalIndex) const
    {
        painter->save();
        QHeaderView::paintSection(painter, rect, logicalIndex);
        painter->restore();
    
        if(logicalIndex == 0)
        {
            QStyleOptionButton option;
            option.iconSize = QSize(10,10);
            option.rect = rect;
    
            if(isOn)
                option.state = QStyle::State_On;
            else
                option.state = QStyle::State_Off;
            this->style()->drawPrimitive(QStyle::PE_IndicatorCheckBox, &option, painter);
        }
    }
    
    
    void HeaderView::mousePressEvent(QMouseEvent *event)
    {
      if (isOn)
        isOn = false;
      else
        isOn = true;
      this->update();
      QHeaderView::mousePressEvent(event);
    }

--------------------

### 类的使用 ###

主要代码如下：

QTableView table;
        table.setRowCount(3);
        table.setColumnCount(4);
    
        HeaderView* myHeader = new MyHeader(Qt::Horizontal, &table);
        table.setHorizontalHeader(myHeader);
        table.show();

--------------------

效果如下：

![这里写图片描述][SouthEast]

参考地址：

https://wiki.qt.io/Technical_FAQ#How_can_I_insert_a_checkbox_into_the_header_of_my_view.3F

--------------------

QTableView更多操作：

https://github.com/lesliefish/Qt/tree/master/UI/QTableView/QTableView

[SouthEast]: /images/20220605/c9991584c78341668c13b1199b845c08.png