QPushButton的技巧

样例：

程序启动后按钮的形状：


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


__________________________
当选中了按钮时的形状：

 

实现效果的代码：
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;}解决不了这个问题。