欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

QT样式表语法

程序员文章站 2024-01-06 14:07:04
...

QT样式表语法

  1. 样式规则

    每个样式规则由选择器和声明组成。

    选择器:指定收该规则影响的部件。

    声明:指定这个部件上要设置的属性。
    如:
    QPushButton{color:red}

    QPushBUtton 是选择器

    {color :red} 是声明;

    color :是颜色属性

    red :是颜色属性对应的值

    选择器{属性1:值1;属性2:值2;属性3:值3}

    此规则指定了 QPushButton 和它的子类使用红色作为前景色。样式表一般不区分大小写,如color 与coLOR表示相同的属性。但类名、对象名以及Qt属性名区分大小写
    声明中的多组“属性:值” 列表以“;”隔开

    如 QpushButton{color:red;background-color:white}

  2. 选择器类型

通用选择器 : * 匹配所有部件。

类型选择器:QPushButton 匹配QPushButton 实例以及它的所有子类。

属性选择器:QPushButton[flat=“false”] 匹配QPushButton 的属性flat为false的实例。

类选择器 .QPushButton 匹配所有QPushButton实例,但不包括它的子类。

ID选择器 QPushButton #okButon 匹配所有QPushButton中的OKButton对象。

后代选择器:QDialog QPushButton 匹配所有的QPushButton实例,他们必须是QDialog的子孙部件。

孩子选择器:QDialog>QPushButton 匹配所有的QPushButton实例,他们必须是QDialog的直接子部件

//拼接样式表
	qsstylrSheet += QString("QWidget[titleskin=true]\
										{background-color:rgb(%1,%2,%3);\
										border-top-left-radius:4px}\
										QWidget[bottomskin=true]\
										{border-top:1px solid rgba(%1,%2,%3,100);\
										background-color:rgba(%1,%2,%3,50);\
										border-bottom-left-radius:4px;\
										border-bottom-right-radius:4px;}").arg(r).arg(g).arg(b);
	//设置样式
	setStyleSheet(qsstylrSheet);
  1. 子控件(子部件)

对于一些复杂的部件修改样式,可能需要访问它们的子部件,如QComboBox的下拉按钮,QSpinBox的向上、向下的箭头。

如:

下拉按钮设置图片属性:

QComboBox::drop-down{dropdown.png}
  1. 伪状态
  • 选择器可以包含伪状态来限制规则在部件的指定状态上应用。伪状态在选择器之后,用冒号隔开。如:

鼠标悬停在按钮上时被应用:

QPushButton:hover{color:white}

鼠标不悬停在按钮上时被应用(!表否定)
QPushButton:!hover{color:white}

  • 伪状态可多个连用,达到逻辑与的效果

鼠标悬停在一个被选中的QCheckBok部件上时才应用规则:

QCheckBox:hover:checked{color:white}
  • 伪状态可通过逗号达到逻辑或的效果。如:
 QCheckBox:hover,checked{color:white}
  • 伪状态和子部件联合使用。如:
QComboBox::drop-down:hover{image:url(dropdown_bright.png)}
  1. 冲突解决

几个样式规则对相同的。属性指定不同的值时会产生冲突。如

QPushButton#okButton{color:gray}
 
QPushButton{color:red}

冲突原则:特殊的选择器优先。此例中QPushButton#okButton代表的是单一对象,而不是一个类的所有实例,所以okButton的文本颜色会是灰色的,同样的有伪状态的比没伪装态的优先

  • 层叠

样式表设置在QApplication上、父部件上或子部件上。部件有效的样式表是通过部件的祖先样式表和QApplication上的样式表合并得到,当发生冲突时,部件自己的样式表要优先与任何继承的样式表。

  • 继承

当使用Qt样式时,部件并不会自动从父部件继承字体和颜色样式设置。如一个 QPushButton 包含一个 QGroupBox中,这里对QGroupBox设置样式表:

qApp->setStyleSheet(“QGroupBox{color:red;}”);

但没有对QPushButton设置样式表,这时QPushButton会使用系统的颜色,而不会继承QGroupBox的颜色,如果想要QGroupBox的颜色设置到其子部件,可以这样:

qApp->setStyleSheet(“QGroupBox,QGroupBox*{color:red;}”);

  1. 设置Qobject 属性

    从Qt4.3开始,任何可设计的Q_PROPERTY都可以使用“qproperty-属性名称”的语法来设置样式表。如:

	MyLabel{qproperty-pixmap:url{pixmap.png};}
	 
	MyGroupBox{qproperty-titleColor:rgb(100,200,100);}
	 
	QPushButton{qproperty-iconSize:20px 20px;}
  1. 使用样式表时,每个部件被看作拥有4个同心矩形的盒子,四个矩形的内容分别为内容(content)、添衬(padding)、边框(border)、边距(margin)、边框宽度和填衬宽度等属性的默认值为0,这样四个矩形正好重叠。

  2. QPalette 调色板类

Qt提供的调色板类 QPalete 专门用于管理部件的外观显示,相当于部件或对话框的调色板,管理他们所有的颜色信息。每个部件都包含一个QPalette对象,在显示时,按照它的QPalette对象中对个部件各状态下的颜色的描述进行绘制。

相关标签: QT 初级 css qt

上一篇:

下一篇: