【Qt】界面优化

选择器 {
 属性名: 属性值; 
 }

例如：

QPushButton { color: red; }
或
QPushButton {
	 color: red;
} 

上述代码表示，将界面上的 QPushButton 的文本设置为红色。
下面的代码指定一个按钮，通过使用 setStyleSheet 的方式设置样式：

若要设置两个按钮的样式，可设置其父控件的样式，也就是 widget（指定控件设置样式后，该控件的子控件也会改变）

设置全局样式

直接看例子，在 main.cpp 中设置：

若设置了全局样式（设置字体颜色），并在某个控件里设置了其他样式（设置字体大小），两者不冲突则会叠加。
若设置了全局样式（设置字体颜色），并在某个控件里设置了其他样式（设置字体颜色），两者冲突则优先后者。

样式文件

上述方式都是简单的设置控件样式，若控件很多或样式很多，则不能更好的维护。更好的做法是把样式放到单独的文件中，通过读取文件的方式加载样式。

1. 创建 qrc 文件，通过 qrc 管理样式文件：
2. 创建单独的 qss 文件，把这样的文件放到 qrc 中：
3. 编写 C++ 代码，读取 qss 文件中的内容，并设置样式：
   前面和设置图标时步骤一样，add files 时，在弹出的对话框右键创建 style.qss 文件
   
   打开 style.qss，并编写代码：
   

读取样式文件并设置全局样式：

使⽤ Qt Designer 编辑样式

Qt 提供了一种更便捷的方式来编辑样式：

选择器

加粗为常用

使用 ID 选择器：

使用并集选择器（并集选择器中也可以使用 ID 选择器，例如 “#pushButton, QLabel{}”）：

设置子控件样式

可以通过帮助手册搜索 Qt Style Sheets Reference 查看具体的子控件：

在下方我们可以看到案例：

下面以修改 combox 子控件 down-arrow 样式为例（修改下拉图标）：
同样先将图标添加到resource中，通过全局样式的方式修改：

伪类选择器

伪类选择器是根据控件所处的某个状态被选择的，例如按钮被按下，输入框获取到焦点，鼠标移动到某个控件上等。
当状态具备时，控件被选中，样式生效。
当状态不具备时，控件不被选中，样式失效。使用 ：的方式定义伪类选择器。
常用的伪类选择器：

可以使用！取反，则 :!hover 就是鼠标离开控件时，:!pressed 就是鼠标松开时 等。

样式属性

QSS 中的样式属性非常多，可以到文档中 Qt Style Sheets Reference 章节查看。

盒模型

在参考文档中，提及了一个叫盒模型的东西：

以下是通过 QSS 属性设置上述边距和边框的样式：

设置按钮样式

还可以通过 QPushButton::pressed 设置鼠标按下去的样式

设置复选框样式

输入框样式

列表样式

使用渐变色 qlineargradient：

菜单栏样式