使用Qt Style Sheet(2)

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

你可能感兴趣的:(使用Qt Style Sheet(2))