2, 解决冲突
a) 使用 object name
i. 在程序里面要先设置控件的,如:
btnOne = new QPushButton(centralWidget);
btnOne->setObjectName(QString::fromUtf8("btnOneCh"));
ii. 这样,我们有了一个 object name 为 btnOneCh 的 QPushButton ,试验一下,使用指定 object name 的方式,如:
QPushButton#btnOneCh { color: red }
QPushButton { color: white }
可以看出, btnOncCh 的 color 变成了 red
b) 使用伪选择器,如 hover , press , enabled 等,如:
i. 按扭“ 1 ”是 disable 了的,
QPushButton:!enabled {color: white}
c) 所有的类型选择器都有一个共同的特性,就是如果有两个属性冲突了的话就会以最后出现的一个为准,如:
QPushButton { color: red }
QAbstractButton { color: gray }
由于 QPushButton 为 QAbstractButton 的子类,如果只设置 QAbstractButton 的可以想像结果是所有的 QPushButton 都为 gray, 如果只设置 QPushButton 的所有 QPushButton 都会为 red ,当两个都能设置起效的时候,以在文本上最后出现的为准,所以结果为 Grey
d) 当然其中如果有 # 指定了 object name ,他所设置的优先级是最大的,具体规则可以参考: http://www.w3.org/TR/CSS2/cascade.html#specificity ,或是
http://pepper.troll.no/s60prereleases/doc/stylesheet-syntax.html#conflict-resolution
QPushButton#btnOneCh { color: red }
QPushButton { color: blue }
QAbstractButton { color: gray }
虽然 QAbstractButton 在最后,但是之前有 #btnOneCh 指定了 QPushButton “一”的 color 为 red 所以最后显示也是“一”为 red 。
3, 级联效应
a) 子类可以继承父类的 StyleSheet ,但是如果子类里面设置了 StyleSheet 与父类里在设置的有冲突,那么当然会优先考虑子类自己的,同样,如果在 qApp 时面设置了,但是在某一个特定控件里面也设置,如果有冲突,也是优先控件自己的,例如,我在程序时面设置了:
btnOneEn->setStyleSheet("QPushButton { color: red }");
而,当我再设置 qApp 时,如果,将 QPushButton 的 color 设置成 grey 的,那么结果是对于 btnOneEn 这个 QPushButton 来说他的颜色还是 red 。
这就是为什么这里设置为 grey 了 btnOneEn 却还是 red 的。
b) 如果我们对一个控件设置 StyleSheet 为:
QPushButton* myPushButton;
myPushButton->setStyleSheet("* { color: blue }");
其实他和设置为:
myPushButton->setStyleSheet("color: blue");
效果相同,只是后一种设置不会对QPushButton 的子类产生作用,但第一种却会。
4, 继承性
a) 与 CSS 不同的一点,在 CSS box 模型中,如果一个元素在别一元素的里面,那么里面的元素会自动继承外面元素的属性,但 QSS 里面不会,如:
一个 QPushButton 如果放在一个 QGroupBox 里面,如果:
qApp->setStyleSheet("QGroupBox { color: red; } ");
并不代表在 QGroupBox 里面的 QPushButton 也会有 color:red 的属性,如果要想有的话要显示写明,如:
qApp->setStyleSheet("QGroupBox, QGroupBox * { color: red; }");
或者在应用程序里面也可以用 QWidget::setFont 等来设置到子控件的属性。
5, Namespace 冲突
a) 类型选择器能够使用到一个特定的类型,如:
class MyPushButton : public QPushButton {
// ...
}
qApp->setStyleSheet("MyPushButton { background: yellow; }");
因为 QSS 使用 QObject::className 来判断要赋与 style sheet 的控件类型,如果一个用户定义控件类型在一个 namespace 里面的话, QObject::className 会返回 <namespace>::<classname> 的名字,这和子控件选择器的语法相冲突,为了解决此问题,使用“ -- ”来代替“ :: ”,比如:
namespace ns {
class MyPushButton : public QPushButton {
// ...
}
}
qApp->setSytleSheet("ns--MyPushButton { background: yellow; }");
6, 设置对像属性
a) 如果在程序里面使用 Q_PROPERTY 设置的属性,可以在 qss 里面使用: qproperty-<property name> 的形式来访问并设置值。如:
MyLabel { qproperty-pixmap: url(pixmap.png); }
MyGroupBox { qproperty-titleColor: rgb(100, 200, 100); }
QPushButton { qproperty-iconSize: 20px 20px; }
如果属性引用到的是一个由 Q_ENUMS 申明的 enum 时,要引用其属性名字要用定义的名称而不是数字。
引用:
http://pepper.troll.no/s60prereleases/doc/stylesheet