首页 > 代码库 > QTableWidget详解(样式、右键菜单、表头塌陷、多选等) 2013-10-23 10:54:04

QTableWidget详解(样式、右键菜单、表头塌陷、多选等) 2013-10-23 10:54:04


一、设置表单样式

点击(此处)折叠或打开

  1. table_widget->setColumnCount(4); //设置列数
  2.   table_widget->horizontalHeader()->setDefaultSectionSize(150); 
  3.   table_widget->horizontalHeader()->setClickable(false); //设置表头不可点击(默认点击后进行排序)
  4.  
  5.   //设置表头内容
  6.   QStringList header;
  7.   header<<tr("name")<<tr("last modify time")<<tr("type")<<tr("size");
  8.   table_widget->setHorizontalHeaderLabels(header);
  9.  
  10.   //设置表头字体加粗
  11.   QFont font = this->horizontalHeader()->font();
  12.   font.setBold(true);
  13.   table_widget->horizontalHeader()->setFont(font);
  14.  
  15.   table_widget->horizontalHeader()->setStretchLastSection(true); //设置充满表宽度
  16.   table_widget->verticalHeader()->setResizeMode(QHeaderView::ResizeToContents);
  17.   table_widget->verticalHeader()->setDefaultSectionSize(10); //设置行距
  18.   table_widget->setFrameShape(QFrame::NoFrame); //设置无边框
  19.   table_widget->setShowGrid(false); //设置不显示格子线
  20.   table_widget->verticalHeader()->setVisible(false); //设置垂直头不可见
  21.   table_widget->setSelectionMode(QAbstractItemView::ExtendedSelection); //可多选(Ctrl、Shift、 Ctrl+A都可以)
  22.   table_widget->setSelectionBehavior(QAbstractItemView::SelectRows); //设置选择行为时每次选择一行
  23.   table_widget->setEditTriggers(QAbstractItemView::NoEditTriggers); //设置不可编辑
  24.   table_widget->horizontalHeader()->resizeSection(0,150); //设置表头第一列的宽度为150
  25.   table_widget->horizontalHeader()->setFixedHeight(25); //设置表头的高度
  26.   table_widget->setStyleSheet("selection-background-color:lightblue;"); //设置选中背景色
  27.   table_widget->horizontalHeader()->setStyleSheet("QHeaderView::section{background:skyblue;}"); //设置表头背景色
  28.  
  29.   //设置水平、垂直滚动条样式
  30.   table_widget->horizontalScrollBar()->setStyleSheet("QScrollBar{background:transparent; height:10px;}"
  31.   "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}"
  32.   "QScrollBar::handle:hover{background:gray;}"
  33.   "QScrollBar::sub-line{background:transparent;}"
  34.   "QScrollBar::add-line{background:transparent;}");
  35.   table_widget->verticalScrollBar()->setStyleSheet("QScrollBar{background:transparent; width: 10px;}"
  36.   "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}"
  37.   "QScrollBar::handle:hover{background:gray;}"
  38.   "QScrollBar::sub-line{background:transparent;}"
  39.   "QScrollBar::add-line{background:transparent;}");
好了,样式设置完成,效果如下所示:


问题一:鼠标点击的选项会出现虚框,在Qt官网找到一篇博客专门介绍的,直接上代码!

  (1)实现如下一个类

点击(此处)折叠或打开

  1. #include "no_focus_delegate.h"
  2.   void NoFocusDelegate::paint(QPainter* painter, const QStyleOptionViewItem & option, const QModelIndex &index) const
  3.   {
  4.      QStyleOptionViewItem itemOption(option);
  5.      if (itemOption.state & QStyle::State_HasFocus)
  6.      {
  7.         itemOption.state = itemOption.state ^ QStyle::State_HasFocus;
  8.      }
  9.      QStyledItemDelegate::paint(painter, itemOption, index);
  10.   }
  (2)表格构造中添加如下代码

点击(此处)折叠或打开

  1. table_widget->setItemDelegate(new NoFocusDelegate());
 
   OK,虚线边框去除
 
   问题二:当表格只有一行的时候,则表头会出现塌陷问题
   
   摸索了很长时间,才得以解决:

点击(此处)折叠或打开

  1. //点击表时不对表头行光亮(获取焦点) 
  2.    table_widget->horizontalHeader()->setHighlightSections(false);
 
  二、操作表单(添加、删除行等)
  (1)动态插入行

点击(此处)折叠或打开

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

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

点击(此处)折叠或打开

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

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

点击(此处)折叠或打开

  1. connect(horizontalHeader(), SIGNAL(sectionClicked(int)), this, SLOT(onHeaderClicked(int)));
 (2)实现槽函数

点击(此处)折叠或打开

  1. void TableWidget::onHeaderClicked(int column)
  2. {
  3.     //column为所点击的表头的某列
  4. }
 
  四、打开某行进行编辑
  既然模拟Window那么就模仿的像一点,Windows可以修改名称,那么Qt也必然可以实现


点击(此处)折叠或打开

  1. //获得当前节点并获取编辑名称
  2.    QTableWidgetItem *item = table_widget->item(edit_row, 0); //edit_row为想要编辑的行号
  3.    table_widget->setCurrentCell(edit_row, 0);
  4.    table_widget->openPersistentEditor(item); //打开编辑项
  5.    table_widget->editItem(item);
  6.  
  7.    //关闭编辑项
  8.    table_widget->closePersistentEditor(item);


   OK,重命名完成,!
 
   五、右键菜单
  (1)创建菜单、菜单项

点击(此处)折叠或打开

  1. void TableWidget::createActions()
  2.   {
  3.     //创建菜单项
  4.     pop_menu = new QMenu();
  5.     action_name = new QAction(this);
  6.     action_size = new QAction(this);
  7.     action_type = new QAction(this);
  8.     action_date = new QAction(this);
  9.     action_open = new QAction(this); 
  10.     action_download = new QAction(this);
  11.     action_flush = new QAction(this);
  12.     action_delete = new QAction(this);
  13.     action_rename = new QAction(this);
  14.     action_create_folder = new QAction(this);
  15.  
  16.     action_open->setText(QString("打开"));
  17.     action_download->setText(QString("下载"));
  18.     action_flush->setText(QString("刷新"));
  19.     action_delete->setText(QString("删除"));
  20.     action_rename->setText(QString("重命名"));
  21.     action_create_folder->setText(QString("新建文件夹"));
  22.     action_name->setText(QString("名称"));
  23.     action_size->setText(QString("大小"));
  24.     action_type->setText(QString("项目类型"));
  25.     action_date->setText(QString("修改日期"));
  26.    
  27.     //设置快捷键
  28.     action_flush->setShortcut(QKeySequence::Refresh);
  29.  
  30.     //设置文件夹图标
  31.     action_create_folder->setIcon(icon);
  32.     QObject::connect(action_create_folder, SIGNAL(triggered()), this, SLOT(createFolder()));
  33. }

  (2)重新实现contextMenuEvent

点击(此处)折叠或打开

  1. void TableWidget::contextMenuEvent(QContextMenuEvent *event)
  2.   {
  3.     pop_menu->clear(); //清除原有菜单
  4.     QPoint point = event->pos(); //得到窗口坐标
  5.     QTableWidgetItem *item = this->itemAt(point);
  6.     if(item != NULL)
  7.     {
  8.        pop_menu->addAction(action_download);
  9.        pop_menu->addAction(action_flush);
  10.        pop_menu->addSeparator();
  11.        pop_menu->addAction(action_delete);
  12.        pop_menu->addAction(action_rename);
  13.        pop_menu->addSeparator();
  14.        pop_menu->addAction(action_create_folder);
  15.        sort_style = pop_menu->addMenu("排序");
  16.        sort_style->addAction(action_name);
  17.        sort_style->addAction(action_size);
  18.        sort_style->addAction(action_type);
  19.        sort_style->addAction(action_date);
  20.       
  21.        //菜单出现的位置为当前鼠标的位置
  22.        pop_menu->exec(QCursor::pos());
  23.        event->accept();
  24.     } 
  25.  }

  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种以上吧!这里提示一下,可以调用系统API获取当前系统的指定文件(通过后缀区分)对应的类型以及图标。。。
 
  这些都是在接触Qt以来总结的一些小经验,希望对大家有用!

QTableWidget详解(样式、右键菜单、表头塌陷、多选等) 2013-10-23 10:54:04