简述

Qt中关于样式的使用很常见，为了降低耦合性（与逻辑代码分离），我们通常会定义一个QSS文件，然后编写各种部件（例如：QLable、QLineEdit、QPushButton）的样式，最后使用QApplication进行样式加载，这样，就可以让整个应用程序就共享同一个样式。

新建QSS文件

首先，新建一个后缀名为qss的文件，例如：style.qss，将其加入资源文件（qrc）中。
提示：也可以使用绝对路径或相对路径。

编写QSS

在style.qss文件中编写自己的样式代码，例如：

  1. QToolTip {
  2.         border: 1px solid rgb(45, 45, 45);
  3.         background: white;
  4.         color: black;
  5. }

加载QSS

为了方便以后调用，可以写一个静态加载样式的函数：

  1. #include <QFile>
  2. #include <QApplication>
  4. class CommonHelper
  5. {
  6. public:
  7.     static void setStyle(const QString &style) {
  8.         QFile qss(style);
  9.         qss.open(QFile::ReadOnly);
  10.         qApp->setStyleSheet(qss.readAll());
  11.         qss.close();
  12.     }
  13. };

然后，在主函数里进行加载：

  1. int main(int argc, char *argv[])
  2. {
  3.     QApplication a(argc, argv);
  5.     // 加载QSS样式
  6.     CommonHelper::setStyle("style.qss");
  8.     MainWindow window;
  9.     window.show();
  11.     return a.exec();
  12. }

实现原理

很容易发现，原来qApp是QCoreApplication的一个单例，然后，将其转换为QApplication。

  1. #if defined(qApp)
  2. #undef qApp
  3. #endif
  4. #define qApp (static_cast<QApplication *>(QCoreApplication::instance()))

那么，QApplication调用setStyleSheet()以后为何所有的部件样式都改变了呢？
通过逐层分析，我们发现其主要是调用了setStyle()：

  1. void QApplication::setStyle(QStyle *style)
  2. {
  3.     if (!style || style == QApplicationPrivate::app_style)
  4.         return;
  6.     QWidgetList all = allWidgets();
  8.     // clean up the old style
  9.     if (QApplicationPrivate::app_style) {
  10.         if (QApplicationPrivate::is_app_running && !QApplicationPrivate::is_app_closing) {
  11.             for (QWidgetList::ConstIterator it = all.constBegin(), cend = all.constEnd(); it != cend; ++it) {
  12.                 QWidget *w = *it;
  13.                 if (!(w->windowType() == Qt::Desktop) &&        // except desktop
  14.                      w->testAttribute(Qt::WA_WState_Polished)) { // has been polished
  15.                     QApplicationPrivate::app_style->unpolish(w);
  16.                 }
  17.             }
  18.         }
  19.         QApplicationPrivate::app_style->unpolish(qApp);
  20.     }
  22.     QStyle *old = QApplicationPrivate::app_style; // save
  24.     QApplicationPrivate::overrides_native_style =
  25.         nativeStyleClassName() == QByteArray(style->metaObject()->className());
  27. #ifndef QT_NO_STYLE_STYLESHEET
  28.     if (!QApplicationPrivate::styleSheet.isEmpty() && !qobject_cast<QStyleSheetStyle *>(style)) {
  29.         // we have a stylesheet already and a new style is being set
  30.         QStyleSheetStyle *newProxy = new QStyleSheetStyle(style);
  31.         style->setParent(newProxy);
  32.         QApplicationPrivate::app_style = newProxy;
  33.     } else
  34. #endif // QT_NO_STYLE_STYLESHEET
  35.         QApplicationPrivate::app_style = style;
  36.     QApplicationPrivate::app_style->setParent(qApp); // take ownership
  38.     // take care of possible palette requirements of certain gui
  39.     // styles. Do it before polishing the application since the style
  40.     // might call QApplication::setPalette() itself
  41.     if (QApplicationPrivate::set_pal) {
  42.         QApplication::setPalette(*QApplicationPrivate::set_pal);
  43.     } else if (QApplicationPrivate::sys_pal) {
  44.         clearSystemPalette();
  45.         initSystemPalette();
  46.         QApplicationPrivate::initializeWidgetPaletteHash();
  47.         QApplicationPrivate::initializeWidgetFontHash();
  48.         QApplicationPrivate::setPalette_helper(*QApplicationPrivate::sys_pal, /*className=*/0, /*clearWidgetPaletteHash=*/false);
  49.     } else if (!QApplicationPrivate::sys_pal) {
  50.         // Initialize the sys_pal if it hasn't happened yet...
  51.         QApplicationPrivate::setSystemPalette(QApplicationPrivate::app_style->standardPalette());
  52.     }
  54.     // initialize the application with the new style
  55.     QApplicationPrivate::app_style->polish(qApp);
  57.     // re-polish existing widgets if necessary
  58.     if (QApplicationPrivate::is_app_running && !QApplicationPrivate::is_app_closing) {
  59.         for (QWidgetList::ConstIterator it = all.constBegin(), cend = all.constEnd(); it != cend; ++it) {
  60.             QWidget *w = *it;
  61.             if (w->windowType() != Qt::Desktop && w->testAttribute(Qt::WA_WState_Polished)) {
  62.                 if (w->style() == QApplicationPrivate::app_style)
  63.                     QApplicationPrivate::app_style->polish(w);                // repolish
  64. #ifndef QT_NO_STYLE_STYLESHEET
  65.                 else
  66.                     w->setStyleSheet(w->styleSheet()); // touch
  67. #endif
  68.             }
  69.         }
  71.         for (QWidgetList::ConstIterator it = all.constBegin(), cend = all.constEnd(); it != cend; ++it) {
  72.             QWidget *w = *it;
  73.             if (w->windowType() != Qt::Desktop && !w->testAttribute(Qt::WA_SetStyle)) {
  74.                     QEvent e(QEvent::StyleChange);
  75.                     QApplication::sendEvent(w, &e);
  76.                     w->update();
  77.             }
  78.         }
  79.     }
  81. #ifndef QT_NO_STYLE_STYLESHEET
  82.     if (QStyleSheetStyle *oldProxy = qobject_cast<QStyleSheetStyle *>(old)) {
  83.         oldProxy->deref();
  84.     } else
  85. #endif
  86.     if (old && old->parent() == qApp) {
  87.         delete old;
  88.     }
  90.     if (QApplicationPrivate::focus_widget) {
  91.         QFocusEvent in(QEvent::FocusIn, Qt::OtherFocusReason);
  92.         QApplication::sendEvent(QApplicationPrivate::focus_widget->style(), &in);
  93.         QApplicationPrivate::focus_widget->update();
  94.     }
  95. }

主要分为4步：

  1. 清理旧样式 - unpolish()
  2. 初始化新样式 - polish()
  3. 加载新样式 - polish() + sendEvent()、update()
  4. 删除旧样式 - delete

通过调用QWidgetList all = allWidgets()获取了所有控件的集合，然后，利用迭代器QWidgetList::ConstIterator对每一个控件进行处理，最后，通过QApplication::sendEvent()来发送QEvent::StyleChange事件，达到全局样式更改。