样式控制
概念:
View Code
使用:
View Code
View Code
此时不能给other_btn 加颜色
给整个app 加颜色
View Code
View Code
如果,qss语句 太多,我们一般就将其写入到qss 文件中了,
这里是分为了这三个文件!
test.py
Tool.py
test.qss
QSS语法:
这主要是为了说明哪些控件 在哪些状态 下 有哪些外观!
QSS语法之选择器:
通配符选择器:
类型选择器:
它是包含子类的。
类选择器:
不包含子类:
ID选择器:
它通过objectName 来匹配
setObjectName()来设置
属性选择器:
属性通过setProperty() 来设置
不过我们一般不会 直接拿一个类作为选择器,这样以后再定义新的对象就不行了,
一般下面:
后代选择器:
间接也可以!
子选择器:
它是直接包含!
间接的不行
子控件选择器:
主要针对 复合控件的!可以单独控制每个
注意:
QSS语法之伪状态:
常见伪状态:
disable 和enable 是 控件是否能用
on off 是只有两态 ,它和 checked 和 unchecked 差不多 。
注意:
连用的时候是 and 的关系 。
如果想要用或者(or)的关系表示 伪装态,直接用两个选择器即可。
QSS语法之声明:
语法:{ } 括 ,里面的元素以 分号 分隔 ,和字典不太一样(字典是以逗号分隔的)
基本声明:
盒子模型:
边框相关:
边框的样式:
边框的宽度:
边框除了样式和宽度,还有颜色设置:
颜色补充:渐变颜色:
线性渐变:
辐射渐变:
角度渐变:
########################################################################################
下面看边框圆角:
View Code
边框图片:
可以用它自定义边框!注意要结合border-width 使用
########################################################################################
外边距:
########################################################################################
内边距:
########################################################################################
背景: (它是沿Z轴方向来分的,它只是背景)
位置参考:默认参考的是 内边距 。
裁剪策略,如果图片过大时采用的裁剪策略(整个背景的裁剪)。
############################背景的小案例####################################
View Code
默认背景是跟着滚动的。
编辑框内一般要设置为 fixed .
########################################################################################
字体:
此时字体的颜色可以用 color 来设置 ,它是 前景色 背景色为 background-color
##################################################################################
文本:
########################################################################################
最大最小:
########################################################################################
Subcontrol:
子控件。
一般都是相对的。
View Code
########################################################################################
额外了解:
########################################################################################
注意:
当冲突的时候:
看特异性:(指的更准确(更明确的指出哪个控件)的优先级高。(不是看先后,只是当优先级相同的时候看先后。))