设计Qt程序Ui的时候,可以像WEB端使用CSS一样,使用QSS,使页面美化跟代码层分开,利于维护。
过程如下:
1、建立文本文件,写入样式表内容,更改文件后缀名为qss;
2、在工程中新建资源文件*.qrc,将qss文件加入资源文件qrc中,此处注意prefix最好为"/",否则在调用qss文件时会找不到文件;
3、通过传入路径\文件名的方式创建一个QFile对象,以readonly的方式打开,然后readAll,最后qApp->setStyleSheet就可以使qss生效。
代码如下
*.qss文件示例:
- QScrollBar:add-page
- {
- background-color: rgba(0,0,0,255);
- }
- QScrollBar:sub-page
- {
- background-color: rgba(0,0,0,255);
- }
- QScrollBar::add-line:vertical {
- background-color: rgba(43,45,31,255);
- height: 15px;
- subcontrol-position: bottom;
- subcontrol-origin: margin;
- }
- QScrollBar::sub-line:vertical {
- background-color: rgba(43,45,31,255);
- height: 15px;
- subcontrol-position: top;
- subcontrol-origin: margin;
- }