1、盒模型
盒模型由4个同心矩形组成，从外到内分别是外边距、边界、内衬和内容，大部分UI视觉内容都包含在内容矩形中。默认情况下，前三个矩形的大小属性都是0，因此这四个矩形都重叠成一个了。这里与前三个大小相关的属性有：
- margin：代指外边距矩形与边界矩形之间的间距。
- border-width：代指外边距矩形与内衬矩形之间的间距。
- padding：代指内衬矩形与内容矩形之间的间距。
2、QSS
QPushButton#pushButton_OpenPort:hover{
min-height:15px;
min-widget:
font: 75 11pt "Agency FB"; //75,加粗
color: rgba(255, 255, 255, 255); //rgb(255,255,255),白色; a(0),无色透明
background-color:rgba(100,100,100,255);
border-style:none; //outset，inset
border:1px solid blue;
border-radius:5px; //圆角
padding:1px;
}
3、伪状态
QPushButton:hover { color: white } //鼠标悬停
QRadioButton:!hover { color: red } //鼠标不悬停
QCheckBox:hover:checked { color: white } //鼠标悬停在选中的复选框上
QPushButton:hover:!pressed { color: blue; } //鼠标悬停在一个没有按下的按钮上
常用状态：
:disabled 禁用的窗口部件
:enabled 启用的窗口部件
:focus 窗口部件有输入焦点
:hover 鼠标在窗口部件上悬停
:pressed 鼠标按键点击窗口部件
:checked 按钮已被选中
:unchecked 按钮未被选中
:indeterminate 按钮被部分选中
:open 窗口部件处于打开或扩展的状态
:closed 窗口部件处于关闭或销毁状态
:on 窗口部件的状态是on
:off 窗口部件的状态是on
4、选择器类型
|
选择器 |
示例 |
说明 |
|
通用选择器 |
* |
匹配所有的组件 |
|
类型选择器 |
QPushButton |
匹配所有QPushButton机器子类的实例 |
|
属性选择器 |
QPushButton[flat="false"] |
匹配所有QPushButton的属性flat为false的实例。属性分为静态属性和动态属性，静态属性可以通过Q_PROPERTY()来指定，动态属性可以使用setProperty来指定。 |
|
类选择器 |
.QPushButton |
匹配QPushButton的实例，子类除外 |
|
ID选择器 |
QPushButton#okButton |
匹配对象名为okButton的所有QPushButton实例 |
|
后代选择器 |
QDialog QPushButton |
匹配QDialog后代的所有QPushButton实例 |
|
子选择器 |
QDialog > QPushButton |
匹配QDialog子类对象QPushButton的所有实例 |