QT 设置按钮QPushButton 圆角、渐变色背景、背景图片、鼠标放上去、鼠标按下效果、透明背景

 设置按钮圆角、渐变色背景、背景图片、鼠标放上去、鼠标按下效果、透明背景。效果：

 

一、设置四角圆角：

二、设置下、左圆角

按钮鼠标放上去改变背景色

 

 三、设置上、右圆角

 

 四、按钮设置背景图片，鼠标放上去、按下 更换背景图：

#pushButton{
    background-image: url(:/image/colorpick.png);
    background-position:center;
    background-repeat:no-repeat;
    border:none;
}
#pushButton:hover{
	background-image: url(:/image/colorpick_hover.png);
}
#pushButton:pressed{
    background-image: url(:/image/colorpick_pressed.png);
}  

默认background-image 不会缩放图片以适应控件的大小，背景图片以自动适应控件大小使用： 

border-image: url(:/images/pageBg.png);

五、渐变背景色按钮： 

background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #53aed8, stop:1 #28566a);

六、透明背景

background-color:transparent; 
//或
setAttribute(Qt::WA_TranslucentBackground, true);