Qt 样式表名词解释

1. 选择器(selector)

   意思是:选择特定的类,一般为一个可以定制样式表的Qt类,所有可以作为选择器的Qt类都在五、样式参照表2.  可以应用样式表的窗口部件表=选择器中列出,选择器的格式参照五、样式参照表1样式选择器类型表

  所谓的选择器可以理解为CSS中的选择器,他指定了一类部件进行设计。

 

2.辅助控制器(sub-control)

   辅助控制器 一词是相对于选择器存在的,可以理解为我们选择了一个部件,例如一个QCheckBox,这个部件它分为两个部分,文本部分和可以点击的小窗口的部分。而这个可点击的小窗口部分我们要单独的设置,就要再次分离出来,就需要::indicator(QCheckBox有这个辅助控制器)来设置,如下例题:

QCheckBox::indicator{

width:20px;

height:20px;

}

/*说明是在QCheckBox中的指示符(indicator)宽为20px,height为20px。*/

辅助控制器是用 :: 双冒号进行指定。

如果没有::indicator那么我们这个小例子将是对整个QCheckBox设置的,使用了辅助控制器的时候就自动分离出这个小窗口,对小窗口进行设置。

不同的选择器有不同的辅助控制器,具体可查看五、样式表参照表:3. 辅助控制器列表

中详细介绍相应的辅助控制器在不同的类中应用,详细说明在类中的什么位置。

 

3.状态(pseudo-states)

   除了辅助控制器对一个部件的分离,样式表还可以根据窗口部件的各个状态来设置窗口。例如hover表示鼠标划过时的状态,例子如下:

QCheckBox:hover{

color: red;

}

/*例子说明只有当鼠标滑过复选框文本时变为red*/

状态是用  : 冒号进行区分每一个状态。

更详细的状态列表在五、样式表参照表:状态列表中查找

状态可以多个一起使用,也可以和辅助控制器一起使用,这样设置窗口部件的时候分的会更加详细。

如下小例子:

QCheckBox:hover,QCheckBox:checked{

color:red;

}

QPushButton::hover{

color:red;

}

 

4.属性

   它是一个窗口部件所固有的特征、性质,每一个窗口部件都会有属于他们自己的属性。如前面做的小例子中我们一直未曾提过color,width,height等。组合多个属性同时使用设计出多种效果。五、样式表参照表:4 属性列表查找有更多的详细介绍。

 

5.值

   是属性 : 后面跟随的一组数字,颜色或者是一个bool类型等这些我们称它为值,这些值决定了窗口部件的最终的展示效果。

查看值的表达方式

五、样式表参照表:4 值列表

 

6.逻辑否(!)

   有时候我们在设置某种状态的属性时,希望同时在某些非(!)的状态下设置,这个时候我们就要用(!)来选择某种状态,比如!checked 、!has-children(没有子目录)等等。

 

7.盒模型(The Box Model)

   这个模式指定了4个影响布局的矩形,从而绘制一个自定义的窗口部件。

  1. Content rectangle是最里面的矩形,它绘制窗口部件内容(如文字,图片)的地方。
  2. padding rectangle包围content rectangle。它负责由padding属性指定填充操作。主要是窗口部件内容与边缘线(border)之间的空隙,它可以用top,right,bottom和left设置它的大小。
  3. border rectangle 包围padding rectangle。它为边界预留空间。可以认为是窗口的外框线。下面讲的分割图形的方法中把border当做是一个区域来理解的。参考四、高级应用:九宫格分割法
  4. margin rectangle 最外面的矩形,他包围border rectangle,负责指定的边缘空白区域,主要是负责与其他的窗口部件的距离。

如果没有指定他们四个,则默认是四个重合在一起的。

如图:

 

8.角弧度

 窗口部件四个角弧度。radius设置角的弧度,如border-radius:4px;

角的弧度是4px。

 

9.背景色和前景色

  部件的前景色用于绘制窗口部件上面的文本,可以通过color属性指定。

  背景色用于绘制窗口部件的填充矩形,可以通过background-color属性指定。
  背景图片使用background-image属性定义,它用于绘制由background-origin指定在盒模式中四个区域的图片开始显示的起点位置。背景图片在盒模式域内的对齐和平铺方式可以通过background-position和background-repeat属性指定。
   如果指定的背景图片具有alpha通道(透明效果),通过background-color指定的颜色将会透过透明区域。在background-color属性中有介绍。
 

10.(#)

指定某一个按钮,#号后面是指定类的对象名。要知道代码才能运用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浅风叶落

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值