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

时间：2016-06-02 16:29:19 阅读：628 评论：0 收藏：0 [点我收藏+]

标签：

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

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

[cpp] view plain copy

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

调用

[cpp] view plain copy

效果图

技术分享（资源）

技术分享

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

[cpp] view plain copy

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

标签：

原文地址：http://www.cnblogs.com/findumars/p/5553309.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行