重写QSqlQueryModel实现QTableView显示图片

0 642
索鸟 2021-04-10
需要:0索币

方法一:代理

新建一个代理类,重写paint函数:

class CommonDelegate : public QStyledItemDelegate
{
Q_OBJECT
public:
CommonDelegate();
private:
void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
};
CommonDelegate::CommonDelegate()
{
}
void CommonDelegate::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;
}
if(3==index.column())
{
QPixmap pix;
if(QString("结案")==index.data().toString())
pix.load(":/Resources/check.png");
else if(QString("激活")==index.data().toString())
pix.load(":/Resources/active.png");
QRect rect=option.rect;
rect.adjust(0,6,0,0);
rect.setSize(QSize(20,20));
pix.scaled(20,20,Qt::KeepAspectRatio);
painter->setRenderHints(QPainter::Antialiasing|QPainter::SmoothPixmapTransform);
painter->drawPixmap(rect,pix);
}
QStyledItemDelegate::paint(painter,itemOption,index);
}

TableView设置:

this->setItemDelegate(new CommonDelegate());

效果:

图标和文字重叠,且点击后看不到图标,这不是我想要的效果。

方法二:重写Model

继承QSqlQueryModel(一般使用QSqlTableModel即可),重写data函数:

class SqlTableModel : public QSqlQueryModel
{
Q_OBJECT
public:
explicit SqlTableModel(QObject *parent=0);
~SqlTableModel();
QVariant data(const QModelIndex &idx, int role) const;
};
QVariant SqlTableModel::data(const QModelIndex &idx, int role) const
{
QVariant value=QSqlQueryModel::data(idx,role);
if(3==idx.column()&&Qt::DecorationRole==role)
{
QString PNType=idx.data().toString();
if(QString("结案")==PNType)
{
return QIcon(":/Resources/check.png");
}
else if(QString("激活")==PNType)
{
return QIcon(":/Resources/active.png");
}
}
return value;
}

效果:

部分效果需要使用QSS:

QTableView{
font-family:"Microsoft Yahei";
font-size:10pt;
color: rgb(26,52,93);
selection-color: black;
selection-background-color: rgb(255,209,128);
border: 0px;
border-top: 1px solid lightgray;
}

更多QSS使用方法,在Qt助手中搜索stylesheet,在Qt Style Sheets Examples 中查看。

原文地址:http://voidcat.cn/index.php/2019/03/29/qtableview-icon/

回帖
  • 消灭零回复
相关主题
2020年最新最新Kubernetes视频教程(K8s)教程 2
程序员转型之制作网课变现,月入过万告别996 1
索鸟快传2.0发布啦 1
两个不同网络的电脑怎么实现文件的互相访问呢? 1
网盘多账号登录软件 1
Java实战闲云旅游项目基于vue+element-ui 1
单点登录技术解决方案基于OAuth2.0的网关鉴权RSA算法生成令牌 1
QT5获取剪贴板上文本信息QT设置剪贴板内容 1
springboot2实战在线购物系统电商系统 1
python web实战之爱家租房项目 1
windows COM实用入门教程 1
C++游戏开发之C++实现的水果忍者游戏 1
计算机视觉库opencv教程 1
node.js实战图书管理系统express框架实现 1
C++实战教程之远程桌面远程控制实战 1
相关主题
PHP7报A non well formed numeric value encountered 0
Linux系统下关闭mongodb的几种命令分享 0
mongodb删除数据、删除集合、删除数据库的命令 0
Git&Github极速入门与攻坚实战课程 0
python爬虫教程使用Django和scrapy实现 0
libnetsnmpmibs.so.31: cannot open shared object file 0
数据结构和算法视频教程 0
redis的hash结构怎么删除数据呢? 0
C++和LUA解析器的数据交互实战视频 0
mongodb errmsg" : "too many users are authenticated 0
C++基础入门视频教程 0
用30个小时精通C++视频教程可能吗? 0
C++分布式多线程游戏服务器开发视频教程socket tcp boost库 0
C++培训教程就业班教程 0
layui的util工具格式时间戳为字符串 0
C++实战教程之远程桌面远程控制实战 1
网络安全培训视频教程 0
LINUX_C++软件工程师视频教程高级项目实战 0
C++高级数据结构与算法视频教程 0
跨域问题很头疼?通过配置nginx轻松解决ajax跨域问题 0