QSS实践汇总（9）——QToolButton样式（风格）

一、QToolButton常用属性

QToolButton::pressed 按下效果

qproperty-icon   border   border-radius  height   background-color   padding-right

二、QToolButton风格

// 设置图标

QToolButton#Btn_EditReport

{

qproperty-icon:url(%1/style/image/USW/ListEdit.png);

}

// 设置边框、背景色、高度

 QToolButton {

     border: 2px solid rgb(255,0,0);

     border-radius: 4px;

     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,

                                       stop: 0 rgb(0,255,166), stop: 1 #dadbde);

     height:50px;

 }

// 按下背景色

QToolButton:pressed {

     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,

                                       stop: 0 rgb(255,0,0), stop: 1 #dadbde);

 }

// 菜单按钮 右侧小三角与文字的间距

QToolButton[popupMode="1"] {

     padding-right: 20px;

 }