Qt样式表使用说明.doc

嗯 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()，你可以为一个独立的子部件、整个窗口，甚至是整个应用程序指定一个样式表。pseudo-states） 除了辅助控制器对一个部件的分离，样式表还可以根据窗口部件的各个状态来设置窗口。例如hover表示鼠标划过时的状态，例子如下： QCheckBox:hover{ color: red; } /*例子说明只有当鼠标滑过复选框文本时变为red*/ 状态是用 : 冒号进行区分每一个状态。 更详细的状态列表在五、样式表参照表：3 状态列表中查找 状态可以多个一起使用，也可以和辅助控制器一起使用，这样设置窗口部件的时候分的会更加详细。 如下小例子: QCheckBox:hover,QCheckBox:checked{ color:red; } QPushButton::hover{ color:red; } 属性 它是一个窗口部件所固有的特征、性质，每一个窗口部件都会有属于他们自己的属性。如前面做的小例子中我们一直未曾提过color,width,height等。组合多个属性同时使用设计出多种效果。五、样式表参照表：4 属性列表查找有更多的详细介绍。 值 是属性 : 后面跟随的一组数字，颜色或者是一个bool类型等这些我们称它为值，这些值决定了窗口部件的最终的展示效果。 查看值的表达方式 五、样式表参照表：4 值列表 6.逻辑否（！） 有时候我们在设置某种状态的属性时，希望同时在某些非（！）的状态下设置，这个时候我们就要用（！）来选择某种状态，比如!checked 、!has-children（没有子目录）等等。 盒模型（The Box Model） 这个模式指定了4个影响布局的矩形，从而绘制一个自定义的窗口部件。 Content rectangle是最里面的矩形，它绘制窗口部件内容（如文字，图片）的地方。 padding rectangle包围content rectangle。它负责由padding属性指定填充操作。主要是窗口部件内容与边缘线(border)之间的空隙，它可以用top，right，bottom和left设置它的大小。 border rectangle 包围padding rectangle。它为边界预留空间。可以认为是窗口的外框线。下面讲的分割图形的方法中把border当做是一个区域来理解的。参考四、高级应用：九宫格分割法 margin rectangle 最外面的矩形，他包围border rectangle，负责指定的边缘空白区域，主要是负责与其他的窗口部件的距离。 如果没有指定他们四个，则默认是四个重合在一起的。 如图： 角弧度 窗口部件四个角弧度。radius设置角的弧度，如border-radius:4px; 角的弧度是4px。 背景色和前景色 部件的前景色用于绘制上面的文本，可以通过color属性指定。 背景色用于绘制部件的填充矩形，可以通过background-color属性指