Qt Qss使用

设计Qt程序Ui的时候，可以像WEB端使用CSS一样，使用QSS，使页面美化跟代码层分开，利于维护。

过程如下：

    1、建立文本文件，写入样式表内容，更改文件后缀名为qss；

    2、在工程中新建资源文件*.qrc，将qss文件加入资源文件qrc中，此处注意prefix最好为"/"，否则在调用qss文件时会找不到文件；

    3、通过传入路径\文件名的方式创建一个QFile对象，以readonly的方式打开，然后readAll，最后qApp->setStyleSheet就可以使qss生效。

 

代码如下

QString qss;



    QFile qssFile(":/qss/css.qss");

    qssFile.open(QFile::ReadOnly);

    if(qssFile.isOpen())

    {

        qss = QLatin1String(qssFile.readAll());

        qApp->setStyleSheet(qss);

        qssFile.close();

    }

 *.qss文件示例：

1.   
2. QScrollBar:add-page  
3. {  
4.      background-color: rgba(0,0,0,255);  
5. }  
6.   
7. QScrollBar:sub-page  
8. {  
9.      background-color: rgba(0,0,0,255);  
10. }  
11.   
12.  QScrollBar::add-line:vertical  {  
13.   
14.      background-color: rgba(43,45,31,255);  
15.      height: 15px;  
16.      subcontrol-position: bottom;  
17.      subcontrol-origin: margin;  
18.  }  
19.   
20.  QScrollBar::sub-line:vertical  {  
21.   
22.      background-color: rgba(43,45,31,255);  
23.      height: 15px;  
24.      subcontrol-position: top;  
25.      subcontrol-origin: margin;  
26.  }