样式控制

概念:

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

########################################################################################

额外了解

########################################################################################

注意:

当冲突的时候:

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

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

(0)

相关推荐