www.9778.com快速开发QCombox以及业务样式自定义

 这是我在项目实战中的个人总结,写的仓促,有些东西也不一定准确,有些是自己推断的,还希望各位多多指教,多多评论。

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

 关于QCombox如果不需要自定义,其实写UI是很简单的。

 

创建实例:QComboBox*  m_pMicrophoneCombox = new QComboBox;

[www.9778.com快速开发QCombox以及业务样式自定义。cpp] view
plaincopy

我是用的QSS去的写样式,这里用了一个命名函数:m_pMicrophoneCombox->setObjectName(“DeviceCombox”);

 

如果是用的setstylesheet直接在代码里去写就好了。

  1. #include <QtGui/QApplication>  
  2. #include <QTableWidget>  
  3. #include <QTableWidgetItem>  
  4.   
  5. int main(int argc, char *argv[])  
  6. {  
  7.     QApplication a(argc, argv);  
  8.     QTableWidget *tableWidget = new QTableWidget(10,5); // 构造了一个QTableWidget的对象,并且设置为10行,5列  
  9.     //    也可用下面的方法构造QTableWidget对象  
  10.     //    QTableWidget *tableWidget = new QTableWidget;  
  11.     //    tableWidget->setRowCount(10);     //设置行数为10  
  12.     //    tableWidget->setColumnCount(5);   //设置列数为5  
  13.     tableWidget->setWindowTitle(“QTableWidget & Item”);  
  14.     tableWidget->resize(350, 200);  //设置表格  
  15.     QStringList header;  
  16.     header<<“Month”<<“Description”;  
  17.     tableWidget->setHorizontalHeaderLabels(header);  
  18.     tableWidget->setItem(0,0,new QTableWidgetItem(“Jan”));  
  19.     tableWidget->setItem(1,0,new QTableWidgetItem(“Feb”));  
  20.     tableWidget->setItem(2,0,new QTableWidgetItem(“Mar”));  
  21.   
  22.     tableWidget->setItem(0,1,new QTableWidgetItem(QIcon(“images/IED.png”), “Jan’s month”));  
  23.     tableWidget->setItem(1,1,new QTableWidgetItem(QIcon(“images/IED.png”), “Feb’s month”));  
  24.     tableWidget->setItem(2,1,new QTableWidgetItem(QIcon(“images/IED.png”), “Mar’s month”));  
  25.     tableWidget->show();  
  26.   
  27.     return a.exec();  
  28. }  

下面说几个属性函数:

www.9778.com 1

m_pMicrophoneCombox->setMaxVisibleItems(2);//最大可见区域为显示两条。

 

m_pMicrophoneCombox->setEditable(false); //设置QComboBox可编辑。

一. 对QTableWidget本身的效果实现

m_pMicrophoneCombox->setFocusPolicy(Qt::NoFocus);//设置QCombox没有焦点。

  1. 将表格变为禁止编辑

m_pMicrophoneCombox->setLineEdit(edit);//edit是一个lineedit,就是说QCombox的LineEdit可以自定义,而QT的源码中,顶端也是一个LineEdit。

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

m_pMicrophoneCombox->setCurrentIndex(0); // 设置当前选中的索引。

 tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);

m_pMicrophoneCombox->setCurrentText(TR_TALK_DEVICE_COMBOX);//设置QCombox当前的显示text,我是用宏封装的,满足后期修改。

 

m_pMicrophoneCombox->setItemData(i,
list[i]);//QCombox也可以自己传入一个链表,并且自己定义索引,当然,你想传一条数据,并且自己定义索引。

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

QListWidget* pListWidget = new QListWidget();//new一个widget的实例。

 

m_pMicrophoneCombox->setModel(pListWidget->model());//塞进widget的model。
m_pMicrophoneCombox->setView(pListWidget);//将widget装进Combox。

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.以上条件全包括

m_pMicrophoneCombox->count();//用来计算combox下拉窗体的大小。

 

m_pMicrophoneCombox->addItems(list);//插入一个列表。

 

m_pMicrophoneCombox->addItem(“111”);//插入单条数据。

  1. 设置表格为整行选择

以上函数基本满足业务要求,如果交互的样式比较复杂,要求自定义样式,这样的话,我们就要自己去写每一个item的样式。

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

分析下QCombox的源码,其实他的实现就是一个LineEdit和一个ListWidget,知道哦这个就可以自己去重新写一个ListWidget。

QAbstractItemView.SelectionBehavior枚举还有如下类型

Item *pItem = new Item();
//item是自己自定义写的布局,每一个item的自定义样式就可以写在这个里面。
QListWidgetItem *pListWidgetItem = new
QListWidgetItem(list[i],pListWidget);//我是将链表的数据塞进QCombox里。
pItem->setItemData(list[i]);//给每一个item塞进数据
pListWidget->setItemWidget(pListWidgetItem,
pItem);//关于这个函数我的理解是:在底下一层上面再覆盖一层。

 

然后在QSS的样式里写hover、pressed鼠标事件,就有鼠标的交互。

Constant

Value

Description

QAbstractItemView.SelectItems

0

Selecting single items.选中单个单元格

QAbstractItemView.SelectRows

1

Selecting only rows.选中一行

QAbstractItemView.SelectColumns

2

Selecting only columns.选中一列

这种办法虽然可行,但是数据不与UI分离,都搅在一团。

 

最佳的方案就是:

 

  既然QT的combox支持listwidget,那么整体都用自己定制的listwidget。

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

 在itemwidget里写布局,自己搞一个delegate,在代理去管理UI,数据在model里去操作,这里的model可能要自己封装一层,满足combox的交互要求。

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

pListWidget->m_pModel->Append(list[i]);//将每一个数据塞进model,剩下的数据操作就由model去管理。

该函数的参数还可以是:

特殊注意的是:这个时候,qt原生的那些接口都不生效了,例如:setcurrenttext还有setcurrentindex,查看源码发现都是根据索引来操控,而事实上,我们用自己的model

QAbstractItemView.NoSelection      不能选择

去管理的数据,并不会生成一个索引来满足combox管理的数据,所以这些对外的接口可能也要自己去封装出来,可以说基本上是放弃了combox,自己去组装LineEdit和ListWidget。

QAbstractItemView.SingleSelection  选中单个目标

其实代码量是很多的,公司业务可以去封装成控件,方便开发。

QAbstractItemView.MultiSelection    选中多个目标

    最后,如果大神们有更好的办法,欢迎评论。

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

 

 

 

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

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

[cpp] view
plaincopy

 

  1. tableWidget->verticalHeader()->setVisible(false);   //隐藏列表头  
  2. tableWidget->horizontalHeader()->setVisible(false); //隐藏行表头  

注意:需要 #include <QHeaderView>

 

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

[cpp] view
plaincopy

 

  1. QTableWidgetItem *columnHeaderItem0 = tableWidget->horizontalHeaderItem(0); //获得水平方向表头的Item对象  
  2. columnHeaderItem0->setFont(QFont(“Helvetica”)); //设置字体  
  3. columnHeaderItem0->setBackgroundColor(QColor(0,60,10)); //设置单元格背景颜色  
  4. columnHeaderItem0->setTextColor(QColor(200,111,30)); //设置文字颜色  

注意:需要 #include <QHeaderView>

 

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

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

[cpp] view
plaincopy

 

  1. QComboBox *comBox = new QComboBox();  
  2. comBox->addItem(“Y”);  
  3. comBox->addItem(“N”);  
  4. tableWidget->setCellWidget(0,2,comBox);  

读取QComboBox 信息:

 

[html] view
plaincopy

 

  1. QWidget * widget=ui->tableWidget->cellWidget(i,0);//获得widget     
  2. QComboBox *combox=(QComboBox*)widget;//强制转化为QComboBox       
  3. QString string=combox->currentText();    
  4. qDebug()<<string;  

 

二. 对单元格的进行设置

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

[cpp] view
plaincopy

 

  1. QTableWidgetItem *item = new QTableWidgetItem(“Apple”);  
  2. item->setBackgroundColor(QColor(0,60,10));  
  3. item->setTextColor(QColor(200,111,100));  
  4. item->setFont(QFont(“Helvetica”));  
  5. tableWidget->setItem(0,3,item);  

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

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

这个比较简单,使用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 的方式即可

 

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

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

 

  1. 设置单元格的大小

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

[cpp] view
plaincopy

 

  1. tableWidget->setColumnWidth(3,200);  
  2. tableWidget->setRowHeight(3,60);  

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

[cpp] view
plaincopy

 

  1. tableWidget->resizeColumnsToContents();  
  2. tableWidget->resizeRowsToContents();  
  1. 获得单击单元格的内容

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

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

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

6.QTableWidget要调整表格行宽主要涉及以下一个函数

resizeColumnsToContents();                     
根据内容调整列宽          
resizeColumnToContents(int col);              
根据内容自动调整给定列宽
horizontalHeader()->setResizeMode““          
把给定列设置为给定模式
主要模式有Stretch和Fixed

7.

int row = rowCount();
 removeRow(row);//清除已有的行列
 setShowGrid(true);//显示表格线
 verticalHeader()->setVisible(false);//隐藏左边垂直
 QHeaderView *headerView = horizontalHeader();
 headerView->setMovable(false);//去除表头的移动
 headerView->resizeSection(0,284);//设置第一列宽
 headerView->resizeSection(1,127);//设置第二列宽
 headerView->setResizeMode(QHeaderView::Fixed);//列表不能移动
 headerView->setClickable(false);//不响应鼠标单击
 setEditTriggers(QTableWidget::NoEditTriggers);//不能编辑
 setSelectionBehavior(QTableWidget::SelectRows);//一次选中一行
 setSelectionMode(QAbstractItemView::SingleSelection);//只能单选
 /*QScrollBar *scrollBar = horizontalScrollBar();
 scrollBar->hide();*/
 setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);//去掉水平滚动条
 setVerticalScrollMode(QAbstractItemView::ScrollPerItem);//垂直滚动条按项移动
 setAutoScroll(false);//去掉自动滚动

参考: