在Qt的开发过程中,时常会用到表单(QTableWidget)这个控件,网上的资料不少,但是都是最基本的,有一些比较经常遇到的问题也说得不太清楚。所以,今天就在这里总结一下!
以下为个人模拟Windows资源管理器的一个表单
1 一、设置表单样式 2 table_widget->setColumnCount(4); //设置列数 3 table_widget->horizontalHeader()->setDefaultSectionSize(150); 4 table_widget->horizontalHeader()->setClickable(false); //设置表头不可点击(默认点击后进行排序) 5 6 //设置表头内容 7 QStringList header; 8 header<<tr("name")<<tr("last modify time")<<tr("type")<<tr("size"); 9 table_widget->setHorizontalHeaderLabels(header); 10 11 //设置表头字体加粗 12 QFont font = this->horizontalHeader()->font(); 13 font.setBold(true); 14 table_widget->horizontalHeader()->setFont(font); 15 16 table_widget->horizontalHeader()->setStretchLastSection(true); //设置充满表宽度 17 table_widget->verticalHeader()->setResizeMode(QHeaderView::ResizeToContents); 18 table_widget->verticalHeader()->setDefaultSectionSize(10); //设置行高 19 table_widget->setFrameShape(QFrame::NoFrame); //设置无边框 20 table_widget->setShowGrid(false); //设置不显示格子线 21 table_widget->verticalHeader()->setVisible(false); //设置垂直头不可见 22 table_widget->setSelectionMode(QAbstractItemView::ExtendedSelection); //可多选(Ctrl、Shift、 Ctrl+A都可以) 23 table_widget->setSelectionBehavior(QAbstractItemView::SelectRows); //设置选择行为时每次选择一行 24 table_widget->setEditTriggers(QAbstractItemView::NoEditTriggers); //设置不可编辑 25 table_widget->horizontalHeader()->resizeSection(0,150); //设置表头第一列的宽度为150 26 table_widget->horizontalHeader()->setFixedHeight(25); //设置表头的高度 27 table_widget->setStyleSheet("selection-background-color:lightblue;"); //设置选中背景色 28 table_widget->horizontalHeader()->setStyleSheet("QHeaderView::section{background:skyblue;}"); //设置表头背景色 29 30 //设置水平、垂直滚动条样式 31 table_widget->horizontalScrollBar()->setStyleSheet("QScrollBar{background:transparent; height:10px;}" 32 "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}" 33 "QScrollBar::handle:hover{background:gray;}" 34 "QScrollBar::sub-line{background:transparent;}" 35 "QScrollBar::add-line{background:transparent;}"); 36 table_widget->verticalScrollBar()->setStyleSheet("QScrollBar{background:transparent; 10px;}" 37 "QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}" 38 "QScrollBar::handle:hover{background:gray;}" 39 "QScrollBar::sub-line{background:transparent;}" 40 "QScrollBar::add-line{background:transparent;}");
好了,样式设置完成,效果如下所示:
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
问题一:鼠标点击的选项会出现虚框,在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)表格构造中添加如下代码
table_widget->setItemDelegate(new NoFocusDelegate());
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
OK,虚线边框去除
问题二:当表格只有一行的时候,则表头会出现塌陷问题
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
摸索了很长时间,才得以解决:
1 //点击表时不对表头行光亮(获取焦点) 2 table_widget->horizontalHeader()->setHighlightSections(false);
二、多选并获取所选行
1 this->setSelectionMode(QAbstractItemView::ExtendedSelection); //设置多选(可以Ctral+A全选Ctral+Shift多选)获取所选行号: 2 bool TableWidget::getSelectedRow(QSet&set_row) 3 { 4 QList items = this->selectedItems(); 5 int item_count = items.count(); 6 if(item_count <= 0) 7 { 8 return false; 9 } 10 for(int i=0; i 11 { 12 //获取选中的行 13 int item_row = this->row(items.at(i)); 14 set_row.insert(item_row); 15 } 16 return true; 17 }
三、操作表单(添加、删除行等)
(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)的前提是获取到表格行数
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也必然可以实现
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
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);
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
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,大功告成!
QTableWidget详解(样式、右键菜单、表头塌陷、多选等)
七、信号
1 void cellActivated(int row, int column) 2 void cellChanged(int row, int column) 3 void cellClicked(int row, int column) 4 void cellDoubleClicked(int row, int column) 5 void cellEntered(int row, int column) 6 void cellPressed(int row, int column) 7 void itemActivated(QTableWidgetItem *item) 8 void itemChanged(QTableWidgetItem *item) 9 void itemClicked(QTableWidgetItem *item) 10 void itemDoubleClicked(QTableWidgetItem *item) 11 void itemEntered(QTableWidgetItem *item) 12 void itemPressed(QTableWidgetItem *item) 13 void itemSelectionChanged() 14 void currentItemChanged(QTableWidgetItem *current, QTableWidgetItem *previous) 15 void currentCellChanged(int currentRow, int currentColumn, int previousRow, int previousColumn)
关于界面的文件(夹)图标和类型如何获取?对于文件而言,不同扩展名的文件至少也有100种以上,如果图标和类型固定写死的话必不可行,所以,这里提供以下两种方式获取。
Qt之QFileIconProvider(获取文件图标、类型).
Qt之QFileIconProvider续(获取文件图标、类型).
更多关于QTableView的资料请参考:
Qt之模型/视图(实时更新数据).
Qt之QTableView.
以上都是在接触Qt以来总结的一些小经验,希望对大家有用!不积跬步无以至千里,不积小流无以成江河。。。
注:
技术在于交流、沟通,转载请注明出处并保持作品的完整性。
作者:╰☆奋斗ing❤孩子` 原文:http://blog.sina.com.cn/s/blog_a6fb6cc90101dd5u.html