QTableWidget详解(样式、右键菜单、表头塌陷、多选等) (非代理)

本文详细介绍Qt中QTableWidget的定制方法,包括样式设置、多选操作、表头事件处理、行操作、右键菜单等功能,并提供了获取选中内容、双击定位行号和合并单元格的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在公司公示Qt开发一段时间,表格用到不少,所以,今天在这做个总结,防止以后忘记。
以下为个人模拟Windows资源管理器的一个表单。(写的比较粗糙,谅解一下)
一、设置表单样式

  table_widget->setColumnCount(4); //设置列数
  table_widget->horizontalHeader()->setDefaultSectionSize(150); 
  table_widget->horizontalHeader()->setClickable(false); //设置表头不可点击(默认点击后进行排序)

  //设置表头内容
  QStringList header;
  header<<tr("name")<<tr("last modify time")<<tr("type")<<tr("size");
  table_widget->setHorizontalHeaderLabels(header);

  //设置表头字体加粗
  QFont font = this->horizontalHeader()->font();
  font.setBold(true);
  table_widget->horizontalHeader()->setFont(font);

  table_widget->horizontalHeader()->setStretchLastSection(true); //设置充满表宽度
  table_widget->verticalHeader()->setResizeMode(QHeaderView::ResizeToContents);
  table_widget->verticalHeader()->setDefaultSectionSize(10); //设置行高
  table_widget->setFrameShape(QFrame::NoFrame); //设置无边框
  table_widget->setShowGrid(false); //设置不显示格子线
  table_widget->verticalHeader()->setVisible(false); //设置垂直头不可见
  table_widget->setSelectionMode(QAbstractItemView::ExtendedSelection);  //可多选(Ctrl、Shift、  Ctrl+A都可以)
  table_widget->setSelectionBehavior(QAbstractItemView::SelectRows);  //设置选择行为时每次选择一行
  table_widget->setEditTriggers(QAbstractItemView::NoEditTriggers); //设置不可编辑
  table_widget->horizontalHeader()->resizeSection(0,150); //设置表头第一列的宽度为150
  table_widget->horizontalHeader()->setFixedHeight(25); //设置表头的高度
  table_widget->setStyleSheet("selection-background-color:lightblue;"); //设置选中背景色
  table_widget->horizontalHeader()->setStyleSheet("QHeaderView::section{background:skyblue;}"); //设置表头背景色

  //设置水平、垂直滚动条样式
  table_widget->horizontalScrollBar()->setStyleSheet("QScrollBar{background:transparent; height:10px;}"
  "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}"
  "QScrollBar::handle:hover{background:gray;}"
  "QScrollBar::sub-line{background:transparent;}"
  "QScrollBar::add-line{background:transparent;}");
  table_widget->verticalScrollBar()->setStyleSheet("QScrollBar{background:transparent; width: 10px;}"
  "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}"
  "QScrollBar::handle:hover{background:gray;}"
  "QScrollBar::sub-line{background:transparent;}"
  "QScrollBar::add-line{background:transparent;}");

好了,样式设置完成,效果如下所示:
这里写图片描述
问题一:鼠标点击的选项会出现虚框,在Qt官网找到一篇博客专门介绍的,直接上代码!
(1)实现如下一个类

  #include "no_focus_delegate.h"
  void NoFocusDelegate::paint(QPainter* painter, const QStyleOptionViewItem & option, const QModelIndex &index) const
  {
     QStyleOptionViewItem itemOption(option);
     if (itemOption.state & QStyle::State_HasFocus)
     {
        itemOption.state = itemOption.state ^ QStyle::State_HasFocus;
     }
     QStyledItemDelegate::paint(painter, itemOption, index);
  }

(2)表格构造中添加如下代码

table_widget->setItemDelegate(new NoFocusDelegate());

这里写图片描述
OK,虚线边框去除

问题二:当表格只有一行的时候,则表头会出现塌陷问题
这里写图片描述

//点击表时不对表头行光亮(获取焦点) 
   table_widget->horizontalHeader()->setHighlightSections(false); 

二、多选并获取所选行

this->setSelectionMode(QAbstractItemView::ExtendedSelection);  //设置多选(可以Ctral+A全选Ctral+Shift多选)获取所选行号:
bool TableWidget::getSelectedRow(QSet&set_row)
{
    QList items = this->selectedItems();
    int item_count = items.count();
    if(item_count <= 0)
    {
        return false;
    }
    for(int i=0; i
    {
        //获取选中的行
        int item_row = this->row(items.at(i));
        set_row.insert(item_row);
    }
    return  true;
}

三、操作表单(添加、删除行等)
(1)动态插入行

  int row_count = table_widget->rowCount(); //获取表单行数
  table_widget->insertRow(row_count); //插入新行
  QTableWidgetItem *item = new QTableWidgetItem();
  QTableWidgetItem *item1 = new QTableWidgetItem();
  QTableWidgetItem *item2 = new QTableWidgetItem();
  QTableWidgetItem *item3 = new QTableWidgetItem();
  //设置对应的图标、文件名称、最后更新时间、对应的类型、文件大小
  item->setIcon(icon); //icon为调用系统的图标,以后缀来区分   
  item->setText(name);
  item1->setText(last_modify_time);
  item2->setText(type); //type为调用系统的类型,以后缀来区分
  item3->setText(size);
  table_widget->setItem(row_count, 0, item);
  table_widget->setItem(row_count, 1, item1);    
  table_widget->setItem(row_count, 2, item2);
  table_widget->setItem(row_count, 3, item3);
  //设置样式为灰色
  QColor color("gray");
  item1->setTextColor(color);
  item2->setTextColor(color);
  item3->setTextColor(color);

(2)在指定位置插入行
其实跟(1)相似,(1)的前提是获取到表格行数

table_widget->insertRow(row); //插入新行 row为插入的位置

四、单击表头触发的事件
(1)连接表头的信号和槽

connect(horizontalHeader(), SIGNAL(sectionClicked(int)), this, SLOT(onHeaderClicked(int)));

(2)实现槽函数

void TableWidget::onHeaderClicked(int column)
  {
      //column为所点击的表头的某列
  }

五、打开某行进行编辑
既然模拟Window那么就模仿的像一点,Windows可以修改名称,那么Qt也必然可以实现
这里写图片描述

//获得当前节点并获取编辑名称
   QTableWidgetItem *item = table_widget->item(edit_row, 0); //edit_row为想要编辑的行号
   table_widget->setCurrentCell(edit_row, 0);
   table_widget->openPersistentEditor(item); //打开编辑项
   table_widget->editItem(item);

   //关闭编辑项
   table_widget->closePersistentEditor(item);

这里写图片描述
OK,重命名完成,!

六、右键菜单

1)创建菜单、菜单项
   void TableWidget::createActions()
  {
    //创建菜单项
    pop_menu = new QMenu();
    action_name = new QAction(this);
    action_size = new QAction(this);
    action_type = new QAction(this);
    action_date = new QAction(this);
    action_open = new QAction(this);   
    action_download = new QAction(this);
    action_flush = new QAction(this);
    action_delete = new QAction(this);
    action_rename = new QAction(this);
    action_create_folder = new QAction(this);

    action_open->setText(QString("打开"));
    action_download->setText(QString("下载"));
    action_flush->setText(QString("刷新"));
    action_delete->setText(QString("删除"));
    action_rename->setText(QString("重命名"));
    action_create_folder->setText(QString("新建文件夹"));
    action_name->setText(QString("名称"));
    action_size->setText(QString("大小"));
    action_type->setText(QString("项目类型"));
    action_date->setText(QString("修改日期"));

    //设置快捷键
    action_flush->setShortcut(QKeySequence::Refresh);

    //设置文件夹图标
    action_create_folder->setIcon(icon);
    QObject::connect(action_create_folder, SIGNAL(triggered()), this, SLOT(createFolder()));
}  
  (2)重新实现contextMenuEvent
  void TableWidget::contextMenuEvent(QContextMenuEvent *event)
  {
    pop_menu->clear(); //清除原有菜单
    QPoint point = event->pos(); //得到窗口坐标
    QTableWidgetItem *item = this->itemAt(point);
    if(item != NULL)
    {
       pop_menu->addAction(action_download);
       pop_menu->addAction(action_flush);
       pop_menu->addSeparator();
       pop_menu->addAction(action_delete);
       pop_menu->addAction(action_rename);
       pop_menu->addSeparator();
       pop_menu->addAction(action_create_folder);
       sort_style = pop_menu->addMenu("排序");
       sort_style->addAction(action_name);
       sort_style->addAction(action_size);
       sort_style->addAction(action_type);
       sort_style->addAction(action_date);

       //菜单出现的位置为当前鼠标的位置
       pop_menu->exec(QCursor::pos());
       event->accept();
    } 
 }

OK,大功告成!
这里写图片描述

七、信号

  void cellActivated(int row, int column)
  void cellChanged(int row, int column)
  void cellClicked(int row, int column)
  void cellDoubleClicked(int row, int column)
  void cellEntered(int row, int column)
  void cellPressed(int row, int column)
  void itemActivated(QTableWidgetItem *item)
  void itemChanged(QTableWidgetItem *item)
  void itemClicked(QTableWidgetItem *item)
  void itemDoubleClicked(QTableWidgetItem *item)
  void itemEntered(QTableWidgetItem *item)
  void itemPressed(QTableWidgetItem *item)
  void itemSelectionChanged()
  void currentItemChanged(QTableWidgetItem *current, QTableWidgetItem *previous)
  void currentCellChanged(int currentRow, int currentColumn, int previousRow, int previousColumn)

关于界面的文件(夹)图标和类型如何获取?对于文件而言,不同扩展名的文件至少也有100种以上,如果图标和类型固定写死的话必不可行,所以,这里提供以下两种方式获取。
Qt之QFileIconProvider(获取文件图标、类型).
Qt之QFileIconProvider续(获取文件图标、类型).

更多关于QTableView的资料请参考:
Qt之模型/视图(实时更新数据).
Qt之QTableView.

八、QTableWidget获取选中的内容及所在行数

方法一:
// QTableWidget选中所有单元格及取消选中所有单元格
//    ui->allowSelectKeyTableWidget->selectAll();
//    ui->allowSelectKeyTableWidget->setFocus();
    introwCount=ui->TableWidget->rowCount();
    qDebug()<<"rowcount"<<rowCount;
    intcolCount=ui->TableWidget->columnCount();
    qDebug()<<"colcount"<<colCount;
    QTableWidgetSelectionRangerange(0,0,rowCount-1,colCount-1);
    ui->TableWidget->setRangeSelected(range,true);//false不选中
    ui->TableWidget->setFocus();


QList<QTableWidgetItem*>items=ui->TableWidget->selectedItems();
intcount=items.count();
for(inti=0;i<count;i++)
    {
       introw=ui->TableWidget->row(items.at(i));//获取选中的行
       QTableWidgetItem*item=items.at(i);
       QStringname=item->text();//获取内容
    }

方法二:获取选中的行
QList<QTableWidgetSelectionRange>ranges=ui->TableWidget->selectedRanges();
    intcount=ranges.count();
    for(inti=0;i<count;i++)
    {
       inttopRow=ranges.at(i).topRow();
       intbottomRow=ranges.at(i).bottomRow();
       for(intj=topRow;j<=bottomRow;j++)
       {
          qDebug()<<"selectRow"<<j;
        }
}

九、双击定位QtableWidget所在行号

    connect(ui->SearchShow_TableWidget, SIGNAL(doubleClicked(QModelIndex)), this,SLOT(TableDoubleClicked_slots(QModelIndex)));//< 双击定位
void SearchsDlg::TableDoubleClicked_slots(QModelIndex index)
{
    int row = index.row();//< 获取到双击所在的行号

十、合并单元格

tableWidget->setSpan(0, 0, 3, 1) # 其参数为: 要改变单元格的 1行数 2列数 要合并的 3行数 4列数
### 设置 QTableWidget 表头样式Qt 中可以通过 `QTableWidgetItem` 或者 `QHeaderView` 来设置 `QTableWidget` 的表头样式。对于更复杂的样式需求,推荐使用 `QStyledItemDelegate` 和自定义绘制方法。 #### 方法一:通过 QTableView 和 QHeaderView 修改表头字体和背景颜色 ```cpp // 创建水平表头对象并获取指针 QHeaderView* headerView = ui->tableWidget->horizontalHeader(); // 设置表头的默认字体大小和样式 QFont font; font.setBold(true); headerView->setFont(font); // 设置表头背景颜色 headerView->setStyleSheet("::section{background-color: rgb(200, 200, 255);}"); ``` 此段代码展示了如何调整整个表头部分的文字加粗以及应用统一的浅蓝色作为背景色[^1]。 #### 方法二:利用 setHorizontalHeaderLabels 函数指定列标题及其样式 如果只需要简单地更改每一列的名字而不需要特别定制外观,则可以直接调用 `setHorizontalHeaderLabels()`: ```cpp QStringList labels; labels << "ID" << "Name" << "Age"; ui->tableWidget->setHorizontalHeaderLabels(labels); ``` 这段代码会创建三个带有特定名称的新列,并自动居中显示这些标签。 #### 方法三:高级 - 使用 QProxyStyle 自定义绘制逻辑 当上述两种方式无法满足复杂的需求时(比如渐变效果),可以继承 `QProxyStyle` 类来自定义绘制过程: ```cpp class MyHeaderStyle : public QProxyStyle { protected: void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const override { if (element == CE_HeaderSection && widget != nullptr && qobject_cast<const QHeaderView*>(widget)->orientation() == Qt::Horizontal) { // 定制化绘画逻辑... } else { QProxyStyle::drawControl(element, option, painter, widget); } } }; // 应用于实际界面组件上 MyHeaderStyle myStyle; ui->tableWidget->horizontalHeader()->setStyle(&myStyle); ``` 这种方式提供了最大的灵活性,允许完全控制表头单元格内的任何视觉属性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值