16,824
社区成员
发帖
与我相关
我的任务
分享Qt QPushButton按钮背景图片！！高手进来
设置按钮三种样式:默认/鼠标放上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;
}
图片是一张：
这个是我的设计的样式表 问题：没有出现三种图片变换啊 是不是不应该使用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;
}
...全文
请发表友善的回复…
发表回复
zhenizhui 2014-12-10
- 打赏
- 举报
还真是border-image
谢谢大家
谢谢大家
general252 2014-12-05
- 打赏
- 举报
没有裁剪作用，5.3.2 4.8.6两个版本都没有
Dalin_大林 2014-05-28
- 打赏
- 举报
QDialog 上面可以添加多少按键啊 按键背景图片怎么添加呢？
菜Queen 2014-03-08
- 打赏
- 举报
那能设置QMessagesBox的样式表么？有谁能写段完整点的程序作为参考？
一去丶二三里 2014-02-18
- 打赏
- 举报
这个貌似没办法，只能切分图片了！
北溟之鱼 2013-08-05
- 打赏
- 举报
这个真解决了吗？ 我的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
- 打赏
- 举报
不可能 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
- 打赏
- 举报
我发的问题就是用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
- 打赏
- 举报
同求，顶！！！！
