关于QPushButton的问题 hover press

2011-09-26 00:18:38| 分类：

QT| 标签：
|字号大中小
订阅

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



但是，当点了按钮之后，会出现虚线框~~~ 这样看起来就很丑，不逼真了，我不希望这个虚线框出现，

有什么好的解决方法吗？

————————————————————————————

这一组按钮（6个按钮，垂直排列），实现如下效果以及解决方案：

程序启动后按钮的形状：



__________________________

当鼠标指向按钮时的形状：



__________________________

当选中了按钮时的形状：



实现效果的代码：

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;}解决不了这个问题。