Qt中用QSS切分图片

草上爬

已于 2023-03-19 22:10:55 修改

阅读量3.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Qt工作笔记文章标签： Qt QSS 样式按钮图片切割

于 2017-11-14 11:05:44 首次发布

本文链接：https://blog.youkuaiyun.com/caoshangpa/article/details/78528395

Qt工作笔记专栏收录该内容

193 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Qt中如何利用QSS来切割PNG长图，以实现动态按钮的三态效果。通过QSS的背景定位功能，可以方便地将不同状态的图片部分应用到按钮上，无需直接进行像素级的图片切割操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候我们需要实现动态按钮，即三态按钮，默认一个状态，鼠标悬浮一个状态，点击时一个状态，有时候还包含禁用状态。关于三态按钮的制作详见：Qt实现自定义按钮的三态效果
当每个状态对应一张单独的图片时很好处理，那么当所有图片都在一张png长图上，如何切割分配给每个状态呢？最先想到的是用QPixmap加载该png并拷贝特定部分：

ui->pushButton->setStyleSheet("background:transparent; border:0px;");
QPixmap pixmap(":/icons/button.png");
int width = pixmap.width()/4;
int height = pixmap.height();
int currentSection = 0;// 当前在png长图的哪一段.
ui->pushButton->setIcon(QIcon(pixmap.copy(QRect(currentSection * width, 0, width, height))));
ui->pushButton->setIconSize(QSize(width, height));

不过还有一种更简单的方法，用QSS分段截取。

这是png长图