背景介绍
一个程序的界面是否好看,是否重要呢?
有些面向专业领域的程序,界面好看与否,不是很关键,关键的是实际的效果。
有些面向普通用户领域的程序,界面好看,还是有很大的加分项。
在⽹⻚前端开发领域中, 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)设置全局按钮的颜色