(1)基本用法
textViewer->setStyleSheet("background-color: #00FF00;" //背景颜色
"color: #FF0000;" //前景色
"color: rgb(255,0,0);"
"color: rgbd(255,0,0,0);"
"color: red;"
"margin: 10px;" //边缘
"padding: 5px;"
"padding-left: 15px;"
"padding-right: 15px;"
"border-radius: 5px;" //圆角边框
"border: 3px solid #abc;");
(2)单个控件(QPushButton)
- {}:表示对静态按钮进行设置;
- hover:表示鼠标移动到按钮上时产生的效果;
- pressed:表示鼠标点击后的效果;
QPushButton * button = new QPushButton();
buttton->setStyleSheet("QPushButton:hover{border-image:url(:/images/ui_design/1.png);}\
QPushButton:pressed{border-image:url(:/images/ui_design/2.png);}\
QPushButton{border-image:url(:/images/ui_design/3.png);}");
(3)多个控件(QRadioButton)
- indicator:表示对前面的选项设置大小;
- indicator:unchecked:没有选中时显示的效果;
- indicator:checked:选中时显示的效果;
QList<QRadioButton *> allRadio = findChildren<QRadioButton *>();
for (i=0; i<allRadio.size(); i++)
{
allRadio[i]->setStyleSheet("QRadioButton::indicator {width: 40px;height: 40px;}\
QRadioButton::indicator:unchecked {image: url(:/MainWidget/images/uncheck.png);}\
QRadioButton::indicator:checked {image: url(:/MainWidget/images/check.png);}");
}