最新学习与分享之QSS.pptxVIP

——欧阳璐 天朗时代研发中心 2014/5/26;文档说明;内 容 导 览;什么是QSS样式表; 对Qt程序界面的定制有两种方法： 使用程序继承并实现一个QStyle的子类 Qt样式表的使用。 样式表的由来：仿照CSS样式表的模式对界面程序样式进行定制与修改。 Qt样式表的思想很大程度上是来自于HTML的层叠式样式表(CSS)， 通过调用QWidget::setStyleSheet()或QApplication::setStyleSheet()从而可以为一个独立的子部件、整个窗口，甚至是整个应用程序指定一个样式表。 样式表的程序引用： 通过QStyle的一个叫做QStyleSheetStyle的特殊子类来实现的。这个特殊 的子类实际上是其他的系统特定风格类的包裹类， 它会把通过样式 表指定的自定义外观风格应用在底层的系统特定风格之上。 ;为什么要使用QSS编辑皮肤;如何使用样式表？; 2.样式表调整的对象： 各个空间和控件中的各个子控件。 3.样式表调整的内容： 控件大小 控件位置 控件状态 控件背景 等 当然，首先我们得了解其通用的格式.; 4.样式表基本语法： 一个样式表由一系列的样式规则构成。每个样式规则都有着下面的形式： selector { attribute: value } 选择器(selector)通常是一个类名(例如QComboBox)，当然也还有其他的语法形式。 属性(attribute)部分是一个样式表属性的名字，值(value)部分是赋给该属性的值。 selector #ObjectName{ attribute: value } ObjectName是一个指定的控件的名字，一般由程序中调用setObjectName()来指定。 注意：前一个的样式，会被后来的样式所覆盖.; 为了使用方便，我们还可以使用一种简化形式，这样： selector1, selector2, ..., selectorM { attribute1: value1; attribute2: value2; ... attributeN: valueN; } 如： QCheckBox, QComboBox, QSpinBox { color: red; background-color: white; font: bold; }; 当然也可以这样： selector1#ObjectName1, selector2#ObjectName1, ..., selectorM #ObjectName1 { attribute1: value1; attribute2: value2; ... attributeN: valueN; } 如： QCheckBox#MainCheckBox, QComboBox#MainComboBox ,QSpinBox#MainSpinBox { color: red; background-color: white; font: bold; }; 5.控件子控件了解：子部件微观样式化 界面是如何通过qss来定制不同的效果？为什么同一种控件可以产生不同的显示效果？这个就得从控件的构成开始说。; 6.控件状态及效果分析： 以下是几种常见的状态：;示例;以下为线条border-style的可选项，可以参照如下：;其他： border-radius：为设置圆角 border:1px solid transparent; //宽度为1px的透明实线（什么都看不到） ;2.控件位置等排版;QFrame { margin: 14px 18px 20px 18px; } 如上：进行位置偏移设置表示上右下左四个方向分别为14 18 20 18个像素，同时，我们也可以分别指定margin-top、margin-right、margin-bottom、margin-left四个属性。 QFrame { margin-top: 14px; margin-right: 18px; margin-bottom: 20px; margin-left: 18px;} 我们也可以同样的将这些属性应用于任何一个支持方箱模型的Qt部件，例如：QCheckBox、 QLabel、QLineEdit、QListView、QMenu、QPushButton、QTextEdit、和QToolTip，甚至也可以将其作用于子部件上。 ; 同时，采取此方法能够实现按下