Qt样式表使用说明
Qt样式表使用说明
PAGE / NUMPAGES
Qt样式表使用说明
嗯 Qt样式使用说明
一、声明:
1.文档说明:
学习Qt样式表前提:
如果你了解CSS,那么我相信这对你来说会很容易理解并应用于实际界面美化,它与CSS有些相似之处,当然如果同时也了解Qt,那么你会很快学会如何运用Qt样式为程序设计出漂亮的界面。
阅读本说明文档:
首先一、阅读声明,二、名词解释,三、语法简介,六、附属例题解释,每次实验并对照着五、样式表参照表,体会并学习如何运用样式表里关键词。
样式表参照表之间的关系很复杂:
很多需要重复描述的选择器、属性、值,但由于本文档不能跳转,所以要自己去查找,按照它语法关系层层迭代定位表格,并按照字母表顺序定位要查找内容的大概范围。
这里的表格以Qt help文档为准。
暂不介绍:
为了尽快完成本文档的初步可使用的目的,很多在本程序中暂时用不到的窗口部件暂未解释介绍,窗口部件介绍表格中会提到“暂不介绍”,但是辅助控制器,属性,值都是完全展示在表格中。
附加的例题格式说明:
例子是经过实验得出的结论,用C语言的注释方式添加到相应的样式代码后面,当然你的文件( .CSS) 同样满足这个注释方式。
/* 注释内容 */
/*imagesForExample: example_for_XXX000.png */实例图片
如何做实验:
Qt源码bin目录下的designer.exe,运行/拖入控件/右键/改变样式表/应用;
Qt Creator也可以。
遇到问题请尽快联系作者
2.背景介绍:
Qt为图形界面应用程序提供一个完整的C++应用程序开发框架。
Qt的样式表主要是受到CSS的启发,通过调用QWidget::setStyleSheet()或 QApplication::setStyleSheet(),你可以为一个独立的子部件、整个窗口,甚至是整个应用程序指定一个样式表。样式表由影响窗口部件绘制的样式规则组成。这些规则都是普通文本。由于在运行时会解析样式表,所以可以通过定制样式表的方式来尝试设计不同的Qt应用程序。
二、名词解释:
1. 选择器(selector)
意思是:选择特定的类,一般为一个可以定制样式表的Qt类,所有可以作为选择器的Qt类都在五、样式参照表:2. 可以应用样式表的窗口部件表=选择器中列出,选择器的格式参照五、样式参照表: 1样式选择器类型表。
所谓的选择器可以理解为CSS中的选择器,他指定了一类部件进行设计。
辅助控制器(sub-control)
辅助控制器 一词是相对于选择器存在的,可以理解为我们选择了一个部件,例如一个QCheckBox,这个部件它分为两个部分,文本部分和可以点击的小窗口的部分。而这个可点击的小窗口部分我们要单独的设置,就要再次分离出来,就需要::indicator(QCheckBox有这个辅助控制器)来设置,如下例题:
QCheckBox::indicator{
width:20px;
height:20px;
}
/*说明是在QCheckBox中的指示符(indicator)宽为20px,height为20px。*/
辅助控制器是用 :: 双冒号进行指定。
如果没有::indicator那么我们这个小例子将是对整个QCheckBox设置的,使用了辅助控制器的时候就自动分离出这个小窗口,对小窗口进行设置。
不同的选择器有不同的辅助控制器,具体可查看五、样式表参照表:3. 辅助控制器列表
中详细介绍相应的辅助控制器在不同的类中应用,详细说明在类中的什么位置。
状态(pseudo-states)
除了辅助控制器对一个部件的分离,样式表还可以根据窗口部件的各个状态来设置窗口。例如hover表示鼠标划过时的状态,例子如下:
QCheckBox:hover{
color: red;
}
/*例子说明只有当鼠标滑过复选框文本时变为red*/
状态是用 : 冒号进行区分每一个状态。
更详细的状态列表在五、样式表参照表:3 状态列表中查找
状态可以多个一起使用,也可以和辅助控制器一起使用,这样设置窗口部件的时候分的会更加详细。
如下小例子:
QCheckBox:hover,QCheckBox:checked{
color:red;
}
QPushButton::hover{
color:red;
}
属性
它是一个窗口部件所固有的特征、性质,每一个窗口部件都会有属于他们自己的属性。如前面做的小例子中我们一直未曾提过color,width,height等。组合多个属性同时使用设计出多种效果。五、样式表参照表:4 属性列表查找有更多的详细介绍。
值
是属性 : 后面