关于QPushButton的问题 hover press

来源:互联网 发布:淘宝国际有假货吗 编辑:程序博客网 时间:2024/06/06 16:54

2011-09-26 00:18:38| 分类:QT| 标签:|字号订阅

我用setStyleSheet为一个QPushButton贴了一个背景图片

关于QPushButton的问题 hover press - Jesse Rei - Jesse Rei 的博客(优柔寡断)
但是,当点了按钮之后,会出现虚线框~~~ 这样看起来就很丑,不逼真了,我不希望这个虚线框出现,
有什么好的解决方法吗?
————————————————————————————
这一组按钮(6个按钮,垂直排列),实现如下效果以及解决方案:
程序启动后按钮的形状:

关于QPushButton的问题 hover press - Jesse Rei - Jesse Rei 的博客(优柔寡断)
__________________________
当鼠标指向按钮时的形状:

关于QPushButton的问题 hover press - Jesse Rei - Jesse Rei 的博客(优柔寡断)
__________________________
当选中了按钮时的形状:

关于QPushButton的问题 hover press - Jesse Rei - Jesse Rei 的博客(优柔寡断)

实现效果的代码:
ui.colorButton->setFocusPolicy(Qt::NoFocus);//设置无聚焦~避免出现虚线框~


//需要注意的是,尝试过CSS语法 border-style:none不能满足对应的要求。
//border-image为程序启动后默认的背景
//pressed为按下后的图片
//hover为鼠标指向时的按钮图片
//当然,还有选中后的图片~这个就自行处理了
ui.colorButton->setStyleSheet("QPushButton {border-image:url(pic/border-image.jpg); font-size:24px;} \
QPushButton:hover:pressed {border-image:url(pic/pressed.jpg);font-size:24px;} \
QPushButton:hover:!pressed {border-image:url(pic/hover.jpg);font-size:24px;} ");
附加:
QT中去掉QPushButton添加图片后的边框

直接在QPushButton上添加背景图片,即使图片与主窗体的背景一致,也会始终有一个边框。

昨天鼓捣了好长时间,终于在曾同学的帮忙下搞出来了,下面记录下^_^

QPushButton定义有个属性flat()

观察QPushButton可以看到是实际是凸出来的,所以呢,只要把QPushButton.setFlat(true)就行了。

另外,采用QStyleSheet设置QPushButton{border:0px;}解决不了这个问题。