转自--》

http://edsionte.com/techblog/archives/3014

http://hi.baidu.com/fightiger/item/693aaa0f0f87d8103b53eec8

http://blog.sina.com.cn/s/articlelist_2801495241_0_2.html

在Qt的开发过程中,时常会用到表单(QTableWidget)这个控件,网上的资料不少,但是都是最基本的,有一些比较经常遇到的问题也说得不太清楚。所以,今天就在这里总结一下!

以下为个人模拟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中 QTableWidget用法总结-LMLPHP

问题一:鼠标点击的选项会出现虚框,在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());

Qt中 QTableWidget用法总结-LMLPHP

OK,虚线边框去除

问题二:当表格只有一行的时候,则表头会出现塌陷问题

Qt中 QTableWidget用法总结-LMLPHP

   摸索了很长时间,才得以解决:

//点击表时不对表头行光亮(获取焦点) 

   table_widget->horizontalHeader()->setHighlightSections(false);

二、操作表单(添加、删除行等)

(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也必然可以实现

Qt中 QTableWidget用法总结-LMLPHP

//获得当前节点并获取编辑名称

   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);

Qt中 QTableWidget用法总结-LMLPHP

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,大功告成!

Qt中 QTableWidget用法总结-LMLPHP

六、信号

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是QT程序中常用的显示数据表格的空间,很类似于VC、C#中的DataGrid。说到QTableWidget,就必须讲一下它跟QTabelView的区别了。QTableWidget是QTableView的子类,主要的区别是QTableView可以使用自定义的数据模型来显示内容(也就是先要通过setModel来绑定数据源),而QTableWidget则只能使用标准的数据模型,并且其单元格数据是QTableWidgetItem的对象来实现的(也就是不需要数据源,将逐个单元格内的信息填好即可)。这主要体现在QTableView类中有setModel成员函数,而到了QTableWidget类中,该成员函数变成了私有。使用QTableWidget就离不开QTableWidgetItem。QTableWidgetItem用来表示表格中的一个单元格,正个表格都需要用逐个单元格构建起来。





view plain

#include <QtGui/QApplication>

#include <QTableWidget>

#include <QTableWidgetItem>



int main(int argc, char *argv[])

{

QApplication a(argc, argv);

QTableWidget *tableWidget = new QTableWidget(10,5); // 构造了一个QTableWidget的对象,并且设置为10行,5列

// 也可用下面的方法构造QTableWidget对象

// QTableWidget *tableWidget = new QTableWidget;

// tableWidget->setRowCount(10); //设置行数为10

// tableWidget->setColumnCount(5); //设置列数为5

tableWidget->setWindowTitle("QTableWidget & Item");

tableWidget->resize(350, 200); //设置表格

QStringList header;

header<<"Month"<<"Description";

tableWidget->setHorizontalHeaderLabels(header);

tableWidget->setItem(0,0,new QTableWidgetItem("Jan"));

tableWidget->setItem(1,0,new QTableWidgetItem("Feb"));

tableWidget->setItem(2,0,new QTableWidgetItem("Mar"));



tableWidget->setItem(0,1,new QTableWidgetItem(QIcon("images/IED.png"), "Jan's month"));

tableWidget->setItem(1,1,new QTableWidgetItem(QIcon("images/IED.png"), "Feb's month"));

tableWidget->setItem(2,1,new QTableWidgetItem(QIcon("images/IED.png"), "Mar's month"));

tableWidget->show();



return a.exec();

}













一. 对QTableWidget本身的效果实现



1. 将表格变为禁止编辑



在默认情况下,表格里的字符是可以更改的,比如双击一个单元格,就可以修改原来的内容,如果想禁止用户的这种操作,让这个表格对用户只读,可以这样:



tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);







QAbstractItemView.NoEditTriggers是QAbstractItemView.EditTrigger枚举中的一个,都是触发修改单元格内容的条件:



QAbstractItemView.NoEditTriggers

0

No editing possible. 不能对表格内容进行修改



QAbstractItemView.CurrentChanged

1

Editing start whenever current item changes.任何时候都能对单元格修改



QAbstractItemView.DoubleClicked

2

Editing starts when an item is double clicked.双击单元格



QAbstractItemView.SelectedClicked

4

Editing starts when clicking on an already selected item.单击已选中的内容



QAbstractItemView.EditKeyPressed

8

Editing starts when the platform edit key has been pressed over an item.



QAbstractItemView.AnyKeyPressed

16

Editing starts when any key is pressed over an item.按下任意键就能修改



QAbstractItemView.AllEditTriggers

31

Editing starts for all above actions.以上条件全包括











2. 设置表格为整行选择



tableWidget->setSelectionBehavior(QAbstractItemView::SelectRows); //整行选中的方式



QAbstractItemView.SelectionBehavior枚举还有如下类型



Constant

Value

Description



QAbstractItemView.SelectItems

0

Selecting single items.选中单个单元格



QAbstractItemView.SelectRows

1

Selecting only rows.选中一行



QAbstractItemView.SelectColumns

2

Selecting only columns.选中一列









3.单个选中和多个选中的设置:



tableWidget->setSelectionMode(QAbstractItemView::ExtendedSelection); //设置为可以选中多个目标



该函数的参数还可以是:



QAbstractItemView.NoSelection 不能选择



QAbstractItemView.SingleSelection 选中单个目标



QAbstractItemView.MultiSelection 选中多个目标



QAbstractItemView.ExtendedSelection QAbstractItemView.ContiguousSelection 的区别不明显,主要功能是正常情况下是单选,但按下Ctrl或Shift键后,可以多选







4. 表格表头的显示与隐藏



对于水平或垂直方法的表头,可以用以下方式进行 隐藏/显示 的设置:

view plain

tableWidget->verticalHeader()->setVisible(false); //隐藏列表头

tableWidget->horizontalHeader()->setVisible(false); //隐藏行表头



注意:需要 #include <QHeaderView>







5. 对表头文字的字体、颜色进行设置

view plain

QTableWidgetItem *columnHeaderItem0 = tableWidget->horizontalHeaderItem(0); //获得水平方向表头的Item对象

columnHeaderItem0->setFont(QFont("Helvetica")); //设置字体

columnHeaderItem0->setBackgroundColor(QColor(0,60,10)); //设置单元格背景颜色

columnHeaderItem0->setTextColor(QColor(200,111,30)); //设置文字颜色



注意:需要 #include <QHeaderView>







6. 在单元格里加入控件:



QTableWidget不仅允许把文字加到单元格,还允许把控件也放到单元格中。比如,把一个下拉框加入单元格,可以这么做:

view plain

QComboBox *comBox = new QComboBox();

comBox->addItem("Y");

comBox->addItem("N");

tableWidget->setCellWidget(0,2,comBox);





二. 对单元格的进行设置



1. 单元格设置字体颜色和背景颜色 及字体字符

view plain

QTableWidgetItem *item = new QTableWidgetItem("Apple");

item->setBackgroundColor(QColor(0,60,10));

item->setTextColor(QColor(200,111,100));

item->setFont(QFont("Helvetica"));

tableWidget->setItem(0,3,item);



另:如果需要对所有的单元格都使用这种字体,则可以使用 tableWidget->setFont(QFont("Helvetica"));



2. 设置单元格内文字的对齐方式



这个比较简单,使用newItem.setTextAlignment()函数即可,该函数的参数为单元格内的对齐方式,和字符输入顺序是自左相右还是自右向左。



水平对齐方式有:

Constant Value Description

Qt.AlignLeft 0x0001 Aligns with the left edge.

Qt.AlignRight 0x0002 Aligns with the right edge.

Qt.AlignHCenter 0x0004 Centers horizontally in the available space.

Qt.AlignJustify 0x0008 Justifies the text in the available space.







垂直对齐方式:

Constant Value Description

Qt.AlignTop 0x0020 Aligns with the top.

Qt.AlignBottom 0x0040 Aligns with the bottom.

Qt.AlignVCenter 0x0080 Centers vertically in the available space.





如果两种都要设置,只要用 Qt.AlignHCenter | Qt.AlignVCenter 的方式即可







3. 合并单元格效果的实现:



tableWidget->setSpan(0, 0, 3, 1) # 其参数为: 要改变单元格的 1行数 2列数 要合并的 3行数 4列数







4. 设置单元格的大小



首先,可以指定某个行或者列的大小

view plain

tableWidget->setColumnWidth(3,200);

tableWidget->setRowHeight(3,60);



还可以将行和列的大小设为与内容相匹配

view plain

tableWidget->resizeColumnsToContents();

tableWidget->resizeRowsToContents();





5. 获得单击单元格的内容



通过实现 itemClicked (QTableWidgetItem *) 信号的槽函数,就可以获得鼠标单击到的单元格指针,进而获得其中的文字信息



connect(tableWidget,SIGNAL(itemDoubleClicked(QTreeWidgetItem*,int)),this, SLOT( getItem(QTreeWidgetItem*,int)) );



//将itemClicked信号与函数getItem绑定

05-11 20:54