Qt程序界面美化一-- stylesheet

参考QtGUI4书本的例子1、QApplication设置全局样式表

<span style="font-size:18px;"><span style="color: rgb(0, 0, 128);">#include</span><span style="color: rgb(192, 192, 192);"> </span><span style="color: rgb(0, 128, 0);"><QtGui></span>
</span><pre style="margin: 0px; text-indent: 0px; -qt-block-indent: 0; -qt-paragraph-type: empty;">

#include "candydialog.h"

int main(int argc, char *argv[])

{

    QApplication app(argc, argv);

    QFile file(":/qss/candy.qss");

    file.open(QFile::ReadOnly);

    app.setStyleSheet(file.readAll());

    CandyDialog dialog;

    dialog.show();

return app.exec();

}

2、编辑样式表文件candy.qss

/* R1 */QDialog {background-image: url(:/images/background.png);}/* R2 */QLabel {font: 9pt;color: rgb(0, 0, 127);}/* R3 */QComboBox:editable,QLineEdit,QListView {color: rgb(127, 0, 63);background-color: rgb(255, 255, 241);selection-color: white;selection-background-color: rgb(191, 31, 127);border: 2px groove gray;border-radius: 10px;padding: 2px 4px;}/* R4 */QListView {padding: 5px 4px;}/* R5 */QComboBox:!editable,QPushButton {color: white;font: bold 10pt;border-image: url(:/images/button.png) 16;border-width: 16px;padding: -16px 0px;min-height: 32px;min-width: 60px;}/* R6 */QComboBox:!editable:hover,QComboBox::drop-down:editable:hover,QPushButton:hover {border-image: url(:/images/button-hover.png) 16;}/* R7 */QComboBox:!editable:on,QPushButton:pressed {color: lightgray;border-image: url(:/images/button-pressed.png) 16;padding-top: -15px;padding-bottom: -17px;}/* R8 */QComboBox::down-arrow {image: url(:/images/down-arrow.png);}/* R9 */QComboBox::down-arrow:on {top: 1px;}/* R10 */QComboBox * {font: 9pt;}/* R11 */QComboBox::drop-down:!editable {subcontrol-origin: padding;subcontrol-position: center right;width: 11px;height: 6px;background: none;}/* R12 */QComboBox:!editable {padding-right: 15px;}/* R13 */QComboBox::drop-down:editable {border-image: url(:/images/button.png) 16;border-width: 10px;subcontrol-origin: margin;subcontrol-position: center right;width: 7px;height: 6px;}/* R14 */QComboBox::drop-down:editable:open {border-image: url(:/images/button-pressed.png) 16;}/* R15 */QComboBox:editable {margin-right: 29px;}

3、Qtcreator 默认打开qss文件不高亮显示，在菜单的 工具> 选项 > 环境 > MIME 类型，找到 text/css 这个MIME type，在“模式”添加.qss，即将原来的“模式”改为.*.css;*.CSSL;*.qss。确定，重新打开qss文件