详解 QT 皮肤 QSS编程(3)

最新推荐文章于 2025-03-05 08:00:00 发布

moyumoyu

最新推荐文章于 2025-03-05 08:00:00 发布

阅读量907

点赞数

分类专栏： qt 文章标签： qt 编程 stylesheet enums css linux

本文链接：https://blog.youkuaiyun.com/moyumoyu/article/details/6919586

版权

qt 专栏收录该内容

4 篇文章

订阅专栏

同css 相似，qss的主要功能与最终目的都是能使界面的表现与界面的元素分离，即质与形的分离，就如同一个人可以在不同的时候穿上不同的衣服一样。

AD：

三、级联效应

子类可以继承父类的StyleSheet，但是如果子类里面设置了StyleSheet与父类里在设置的有冲突，那么当然会优先考虑子类自己的，

同样，如果在qApp时面设置了，但是在某一个特定控件里面也设置，如果有冲突，也是优先控件自己的，例如，我在程序时面设置了：btnOneEn->setStyleSheet("QPushButton { color: red }");

而，当我再设置qApp时，如果，将QPushButton的color设置成grey的，那么结果是对于btnOneEn这个QPushButton来说他的颜色还是red。

这就是为什么这里设置为grey了btnOneEn却还是red的。

如果我们对一个控件设置StyleSheet为：

   
   QPushButton* myPushButton;  
myPushButton->setStyleSheet("*{ color: blue }");

其实他和设置为：myPushButton->setStyleSheet("color: blue");

效果相同，只是后一种设置不会对QPushButton的子类产生作用，但第一种却会。

四、继承性

与CSS不同的一点，在CSS box模型中，如果一个元素在别一元素的里面，那么里面的元素会自动继承外面元素的属性，但QSS里面不会，如：

一个QPushButton如果放在一个QGroupBox里面，如果：qApp->setStyleSheet("QGroupBox{ color: red; }");

并不代表在QGroupBox里面的QPushButton也会有color:red的属性，如果要想有的话要显示写明，如：qApp->setStyleSheet("QGroupBox, QGroupBox*{ color: red; }");

或者在应用程序里面也可以用QWidget::setFont等来设置到子控件的属性。

五、Namespace冲突

类型选择器能够使用到一个特定的类型，如：

   
   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; }");

六、设置对像属性

如果在程序里面使用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 时，要引用其属性名字要用定义的名称而不是数字。

小结：详解 QT 皮肤QSS编程的内容介绍完了，希望本篇文章对你有所帮助。

【编辑推荐】