Qt QPushButton按钮背景图片！！高手进来

2012-11-21 01:58:08 3.6万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Qt学习笔记(十五)：QPushButton 按钮的常用方法获取和设置按钮上的文本信息： // 获取按钮上的文本信息 QString content = ui->pushButton->text(); qDebug() << content.toUtf8().data(); // QString 类型转 char* 类型，解决打印中文乱码问题 // 设置按钮上的文本信息 u... 阅读详情

设置按钮三种样式:默认/鼠标放上hover/鼠标单击press (不同背景色)
图片是一张：

这个是我的设计的样式表问题：没有出现三种图片变换啊是不是不应该使用background属性
QPushButton{
color: white;
font: bold 10pt;
border:none;
min-height: 24px;
min-width: 60px;
background:url(:images/SimpleButtom.png) -60px 0px no-repeat;
}
QPushButton:hover{
color: lightgray;
background:url(:images/SimpleButtom.png) 0px 0px no-repeat;;
}
QPushButton:pressed {
color: lightgray;
background:url(:images/SimpleButtom.png) -120px 0px no-repeat;;
padding-top: -15px;
padding-bottom: -17px;
}

...全文

QPushButton设置背景图片变换（素材四连图）在QT中，QPushButton是我们经常用的控件，但是系统默认控件的样式不好看，因此我们一般都会给QPushButton设置背景图片，并且一般想达到的效果是，当鼠标放上去时是一张图片，当鼠标点击时是一张图片，当鼠标离开时，又是另外一张图片，怎么实现这个效果了。 1、setStyleSheet setStyleSheet("QPushButton{background-image: u 阅读详情

xxb249

Qt 21,503 成员 26,693 内容

+ 关注 + 加入社区

切换为时间正序

zhenizhui 2014-12-10

打赏
举报

还真是border-image

谢谢大家

general252 2014-12-05

打赏
举报

引用 14 楼 xxb249 的回复:

border-image有切割图片的功能很好用的

没有裁剪作用，5.3.2 4.8.6两个版本都没有

Dalin_大林 2014-05-28

打赏
举报

QDialog 上面可以添加多少按键啊按键背景图片怎么添加呢？

菜Queen 2014-03-08

打赏
举报

那能设置QMessagesBox的样式表么？有谁能写段完整点的程序作为参考？

一去丶二三里 2014-02-18

打赏
举报

这个貌似没办法，只能切分图片了！

北溟之鱼 2013-08-05

打赏
举报

引用 3 楼 xxb249 的回复:

问题解决了属性用错了改成border-image属性不要用background这个属性

这个真解决了吗？我的QT 5.1，这样子用无效果，求解

xxb249 2012-12-03

打赏
举报

border-image有切割图片的功能很好用的

哥斯拉先生 2012-12-01

打赏
举报

好像background-image还不能改变图片的大小，我做按键的时候一直用的都是border-image一直没错过

jdwx 2012-11-30

打赏
举报

默认样式表是影响子控件的，要使用指定Object类型的样式表，或者指定Object name的样式表。 background-color: white; QPushButton{ background-image : "xxxx.png";}指定Object类型 QPushButton#okbutton{background-image : "xxxx.png";}指定Object name = okbutton

南瓜鱼 2012-11-30

打赏
举报

最近学习QT也遇到楼主的问题。我是先设置了dialog的background-image，然后再设置button的background-image就不能显示了。把dialog的background-image的效果取消，先设置button的background-image，再设置dialog的就OK了。

q418068375 2012-11-22

打赏
举报

滑过信号和点击信号貌似是叠加的吧，只能出现滑过效果，

xxb249 2012-11-22

打赏
举报

引用 8 楼 jdwx1 的回复:

background没有动态效果，不能分割图片。背景图片还是有的。 QSS的border-image比CSS的border-image功能弱很多，不能处理拉伸变形，控件就只能和图片一样大，拉伸图片变形很厉害。

不可能 QSS 中的border-image也可以进行切割图片的我实验过的成功了 background可以设置背景图片但是没有动态效果

__阿飞__ 2012-11-22

打赏
举报

我在项目中对QPushButton使用background-image可以实现背景图的啊:


QPushButton:pressed{
	background-image: url(:/images/newimg/press_shoudongzhushe.png);
}

jdwx 2012-11-22

打赏
举报

background没有动态效果，不能分割图片。背景图片还是有的。 QSS的border-image比CSS的border-image功能弱很多，不能处理拉伸变形，控件就只能和图片一样大，拉伸图片变形很厉害。

xxb249 2012-11-22

打赏
举报

引用 4 楼 openXMPP 的回复:

我记得background也是可以的 background:url(:images/SimpleButtom.png) 我一般改成 background:url(://images/SimpleButtom.png) 不过只要目录对就没问题

我发的问题就是用background没有效果啊！！后来改成border-image就行了

写不动代码的人 2012-11-21

打赏
举报

学习... 谢谢分享

乔巴好萌 2012-11-21

打赏
举报

我记得background也是可以的 background:url(:images/SimpleButtom.png) 我一般改成 background:url(://images/SimpleButtom.png) 不过只要目录对就没问题

xxb249 2012-11-21

打赏
举报

问题解决了属性用错了改成border-image属性不要用background这个属性

xxb249 2012-11-21

打赏
举报

顶一下！！不要沉！！待急！！

HDAY0623 2012-11-21

打赏
举报

同求，顶！！！！

Qt QPushButton按钮背景图片！！高手进来

相关推荐