【Qt】QSS

背景介绍 

一个程序的界面是否好看，是否重要呢？

有些面向专业领域的程序，界面好看与否，不是很关键，关键的是实际的效果。

有些面向普通用户领域的程序，界面好看，还是有很大的加分项。

        在⽹⻚前端开发领域中, CSS 是⼀个⾄关重要的部分. 描述了⼀个⽹⻚的 "样式". 从⽽起到对⽹⻚美化的作⽤.

所谓样式, 包括不限于⼤⼩, 位置, 颜⾊, 背景, 间距, 字体等等.

⽹⻚开发作为 GUI 的典型代表, 也对于其他客⼾端 GUI 开发产⽣了影响. Qt 也是其中之⼀.

Qt 仿照 CSS 的模式, 引⼊了 QSS, 来对 Qt 中的控件做出样式上的设定, 从⽽允许程序猿写出界⾯更好看的代码.

CSS的功能非常强大，非常丰富的；相比于CSS，QSS要逊色一些，但是依旧可以完成很多工作。

【注意】如果通过 QSS 设置的样式和通过 C++ 代码设置的样式冲突, 则 QSS 优先级更⾼.

基本语法

QSS沿用了CSS的语法设定：

选择器

{

        属性名: 属性值;
}

• 选择器 描述了 "哪个 widget 要应⽤样式规则".
• 属性 则是⼀个键值对, 属性名表⽰要设置哪种样式, 属性值表⽰了设置的样式的值.

例如：

QPushutton { color: red; }

或者

QPushutton

{

        color: red;

}

上述代码的含义表⽰, 针对界⾯上所有的 QPushButton , 都把⽂本颜⾊设置为 红⾊ 。同时使用单行或者多行均合适。

例子：设置字体颜色

（1）设置俩个按钮 

（2）设置按钮1的字体颜色

设置样式的时候，是可以指定某个控件来设置的。当指定控件之后，此时的样式就会针对这个指定的控件，也会针对子控件生效。上述例子中QPushButton没有子控件。

（3）设置全局按钮的颜色