样式控制

概念:


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
########################################################################################
额外了解:

########################################################################################
注意:

当冲突的时候:
看特异性:(指的更准确(更明确的指出哪个控件)的优先级高。(不是看先后,只是当优先级相同的时候看先后。))

第三方库样式表,常用控件效果:

