QT实现图片按钮（用qss切割图片，或者放三张图片）

Posted 2020-07-19 朝闻道

我在网上找了很久，把他综合了一下

不说了关键代码来了；（这是一张图片切图的效果）

 

[cpp] view plain copy

 

1. void SetButtonStyle(QPushButton *button, QString imgsrc, int CutSec)  
2. {  
3.     int img_w=QPixmap(imgsrc).width();  
4.     int img_h=QPixmap(imgsrc).height();  
5.     int PicWidth = img_w/CutSec;  
6.     button->setFixedSize(PicWidth,img_h);  
7.     button->setStyleSheet(QString("QPushButton{border-width: 41px; border-image: url(%1)  0 0 0 %2 repeat  repeat;border-width: 0px; border-radius: 0px;}")  
8.       .append("QPushButton::hover{border-image: url(%1) 0 0 0 %3  repeat  repeat;}")  
9.       .append("QPushButton::pressed{border-image: url(%1) 0  0 0 %4 repeat  repeat;}")  
10.       .append("QPushButton::checked{border-image: url(%1) 0  0 0 %4 repeat  repeat;}")  
11.       .append("QPushButton::disabled{border-image: url(%1) 0  0 0 %5 repeat  repeat;}")  
12.       .arg(imgsrc).arg(0).arg(PicWidth*1).arg(PicWidth*2).arg(PicWidth*3));  
13. }  

调用

 

 

[cpp] view plain copy

 

1. SetButtonStyle(ui->pushButton,":/btn/image/btn.png",4);  

效果图

 

（资源）

 

还有一种方式就是三张独立的图片

 

 

[cpp] view plain copy

 

1. ui->pushButton->setStyleSheet("QPushButton{border-image: url(:/btn/image/1.png);}"  
2.                                 "QPushButton:hover{border-image: url(:/btn/image/3.png);}"  
3.                                  "QPushButton:pressed{border-image: url(:/btn/image/2.png);}");