QTableView的表格项中加入图标的方法(重载View::mouseMoveEvent,并使用View::setIconSize函数设置图标的大小)

Posted 朝闻道

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了QTableView的表格项中加入图标的方法(重载View::mouseMoveEvent,并使用View::setIconSize函数设置图标的大小)相关的知识,希望对你有一定的参考价值。

当在使用表格视图的时候,需要在表格每一行前面加入图标,应该怎么做呢?Qt中通过使用MVC的处理方式,很容易做到这一点,具体实现如下:

先贴出图,让大家一睹为快

技术分享

下面我就来介绍一下,上图的灯泡是怎么实现的,通过重载QAbstractTableModel中的data方法,如下:(CTblModel 派生自QAbstractTableModel)

 

[cpp] view plain copy
 
 技术分享技术分享
  1. QVariant CTblModel::data(const QModelIndex &index, int role) const  
  2. {  
  3.     if (!index.isValid())  
  4.         return QVariant();  
  5.       
  6.     int col = index.column();  
  7.     if (col == ledColIndex && role == Qt::DecorationRole)  
  8.     {  
  9.         return QIcon(":/images/light.png");  
  10.     }  
  11.     else  
  12.     {  
  13.         ...  
  14.     }  
  15.     return QVariant();  
  16. }  

对于mvc的使用方法,请参考http://blog.csdn.net/rabinsong/article/details/8452946

 

 

让图片动起来,能够响应用户事件,当用户单击灯泡时,灯泡会点亮,这个怎么实现呢?

要实现这个功能,首先要能接受到鼠标事件,其次,要知道鼠标点击了灯泡部分,不能鼠标不在灯泡上点击,灯泡也亮。有了这两点,下面我们来看看实现:

我们可以通过重载QTableView的 mousePressEvent(),从而获得对鼠标单击的控制权,通过indexAt方找到当前单击的index,再根据索引找到灯泡所在的列,具体实现如下:

 

[cpp] view plain copy
 
 技术分享技术分享
  1. void CTblView::mouseMoveEvent(QMouseEvent *event)  
  2. {  
  3.     const QPoint &p = event->pos();  
  4.     QModelIndex modelIndex = indexAt(p);  
  5.     if (modelIndex.isValid())  
  6.     {  
  7.         int col = modelIndex.column();  
  8.         int row = modelIndex.row();  
  9.         if (col == ledColIndex)  
  10.         {  
  11.             pTblModel->setLight(row);  
  12.         }  
  13.     }  
  14. }  


pTblModel就是上面定义的CTblModel,到了这里大家应该知道了基本实现思路了吧。

 

让图标变大一些,按照上面的做法,灯泡图标的大小很小,不管你的light.png图片多大,在表格中显示时的图标大小默认都很小,那么怎么改变图标的大小呢?方法也很简单,就是在CTblView构造函数中加入setIconSize(QSize(25,25));我设置的是25*25大小,显示效果如上图的灯泡效果,大家可以根据自己的应用,调整其大小。

http://blog.csdn.net/rabinsong/article/details/13158281

以上是关于QTableView的表格项中加入图标的方法(重载View::mouseMoveEvent,并使用View::setIconSize函数设置图标的大小)的主要内容,如果未能解决你的问题,请参考以下文章

QTableView 在鼠标悬停时显示表格项的内容

如何在html的表格中加入边框线

请教GRID表格列中加入了复选框,但不可修改值

踩坑QTableView之一:单列编辑

在QTableView中某列中添加Button的导致滚动条滚动的时候消失的问题

怎么在JTable表格中加入如JComboBox之类的控件?有注释加分。