018-对象的名称和属性设置-案例 - 图2

应用场景

用于qss的ID选择器,属性选择器

用了QSS文件,往后普通标签怎么办,不想设置成一样的?用ID选择器。

018-对象的名称和属性设置-案例 - 图3

到时候得设置ObjectName,匹配上了就会设置。

018-对象的名称和属性设置-案例 - 图4

018-对象的名称和属性设置-案例 - 图5

前提是QLabel

属性选择器

018-对象的名称和属性设置-案例 - 图6想做一个样式区分。

QLabel#notice {

  1. font-size: 20px;
  2. color: gray;
  3. border: 1px solid gray;
  4. border-radius: 8px;

}

QLabel#notice[notice_level=”normal”] {

  1. color: green;
  2. border-color: green;

}

QLabel#notice[notice_level=”warning”] {

  1. color: yellow;
  2. border-color: yellow;

}

QLabel#notice[notice_level=”error”] {

  1. color: red;
  2. border-color: red;

}

018-对象的名称和属性设置-案例 - 图7018-对象的名称和属性设置-案例 - 图8

018-对象的名称和属性设置-案例 - 图9

用于装饰器的信号与槽

案例

018-对象的名称和属性设置-案例 - 图10

涉及知识点

qss样式表

qss样式表和控件之间的关系,类似于css样式表和html元素一样。

018-对象的名称和属性设置-案例 - 图11

018-对象的名称和属性设置-案例 - 图12

在实际开发过程中,为了将样式表和具体的控件分离,会吧QSS样式单独放在一个文件里,去读取就行:

018-对象的名称和属性设置-案例 - 图13有固定的后缀名称。

018-对象的名称和属性设置-案例 - 图14这样写,不够,后面你有很多控件,到底是作用在哪个就不知道了。 需要加一些选择器。

018-对象的名称和属性设置-案例 - 图15到时候我会把控件里面所有的QLable都作用这样一个QSS字符串。

多设置一个东西。

018-对象的名称和属性设置-案例 - 图16

到时候所有的QLable都会被设置。凡是和文件里面的匹配到,就会被设置。

ID选择器

文件读取

对象/属性名称设置