Qt中样式表_如何在开发环境中使用QSS样式表

Qt中QSS样式表应用

最新推荐文章于 2024-04-10 14:50:24 发布

原创最新推荐文章于 2024-04-10 14:50:24 发布 · 685 阅读

0 ·

CC 4.0 BY-SA版权

Qt中各控件样式设置同时被 2 个专栏收录

6 篇文章

订阅专栏

Qt-VS2013

5 篇文章

订阅专栏

本文介绍Qt中QSS样式的使用方法，包括通过QSS文件统一设置样式及直接在代码中设置特定控件样式的技巧。

Qt中用到的样式表代码为Qss，而QSS又是从CSS演变过来，所以如果在学习QSS之前对CSS有很好的理解，这对QSS的学习将会有很大的帮助。

1. 关于Qt所有控件样式表的官方说明

http://qt-project.org/doc/qt-5/stylesheet-examples.html

2. 如何在程序中使用样式表

如果你做的项目已经设置好统一的样式，并且多数同类控件的样式基本一致，那么就可以自己写一个Qss文件，通过主程序读入。比如在我们之前的项目中，代码中所有的QCheckBox对象的样式都是一样的，所以可以在Qss文件中加入如下代码：

QCheckBox::indicator {
      width: 20px;
      height: 20px;
  }
  QCheckBox::indicator:unchecked {
      image:url(:/checkbox.png);
  }
  QCheckBox::indicator:checked {
      image:url(:/checkbox_click.png);
  }

或者直接使用如下代码：

qApp->setStyleSheet("QLineEdit { background-color: yellow }");

如果我们只是想给某一个对话框中的QLineEdit设置上面的属性，我们可以这样做：

myDialog->setStyleSheet("QLineEdit { background-color: yellow }");

如果我们只是想给对话框中某一个特别的QLineEdit对象设置上面的属性，我们可以这样做：

用 QObject::setObjectName()设置它的名字，再用一个ID选择器指向它：
myDialog->setStyleSheet("QLineEdit#nameEdit { background-color: yellow }"); 

或者我们也可以直接用QLineEdit的属性，忽略选择器：
nameEdit->setStyleSheet("background-color: yellow");