使用CSS（QSS）选择器获取QWidget*

Question

Qt允许您使用样式表来设计GUI。它们使用类似于常规CSS的选择器语法。我想在代码中使用这些选择器来定位特定的小部件，类似于jQuery的工作方式。例如：

SomeQtCSSMagic::resolveSelector("QPushButton#okButton");

这个有可能吗？如果不行，那么我能从Qt库中复制粘贴代码并编辑以适应我的需求吗？

- Tomáš Zato

Answer 1

目前，Qt没有官方支持该功能。但使用纯C++代码实现并不难。

您的选择器翻译成：

for (auto top : qApp->topLevelWidgets()) {
  auto widgets = top->findChildren<QWidget*>("okButton");
  widgets << top;
  for (auto widget : widgets)
    if (widget->inherits("QPushButton"))
      qDebug() << "found" << widget;
}

如果您觉得这样的代码很繁琐，您可以利用私有的Qt代码。CSS解析器接口在src/gui/text/qcssparser_p.h中。除了解析器，您还需要一些代码来使用已解析的选择器找到小部件。也就是说，您必须为指向QObject的节点实现一个QCss::StyleSelector。这由src/widgets/styles/qstylesheetstyle.cpp中的QStyleSheetStyleSelector完成，但这是一个未导出的本地类，所以您需要处理一些复制黏贴的问题。

一旦您实现了QCss::StyleSelector，例如QObjectStyleSelector，获取选择器应用于的小部件就很容易了。您需要遍历所有小部件，并查看CSS机制是否有任何规则适用于给定节点，假设一个虚拟样式表包含您的选择器和空主体{}。这种方法支持所有样式表支持的选择器，除了在小部件样式上选择的例外。

QWidgetList select(const QString & selector) {
   static QHash<QString, StyleSheet> cache;
   QWidgetList result;
   QObjectStyleSelector oSel;
   auto it = cache.find(selector);
   if (it == cache.end()) {
      StyleSheet styleSheet;
      Parser parser(selector + "{}");
      if (!parser.parse(&styleSheet))
         return result;
      it = cache.insert(selector, styleSheet);
   }
   oSel.styleSheets.append(*it);

   for (auto top : qApp->topLevelWidgets()) {
      auto widgets = top->findChildren<QWidget*>();
      widgets << top;
      for (auto widget : widgets) {
         StyleSelector::NodePtr n { widget };
         auto rules = oSel.styleRulesForNode(n);
         if (!rules.isEmpty()) result << widget;
      }
   }
   return result;
}

上述代码不会受到小部件上可能存在的任何样式表的干扰-它考虑了它们的副作用（例如属性更改），但否则忽略它们。

您可以按以下方式进行测试：

int main(int argc, char ** argv) {
   QApplication app{argc, argv};
   QDialog dialog;
   QPushButton button{"OK", &dialog};
   button.setObjectName("okButton");
   button.setStyleSheet("color: red");

   auto dialog_l = QWidgetList() << &dialog;
   auto button_l = QWidgetList() << &button;
   auto all_l = button_l + dialog_l;
   Q_ASSERT(select("QPushButton#okButton") == button_l);
   Q_ASSERT(select("QDialog QPushButton") == button_l);
   Q_ASSERT(select("QDialog") == dialog_l);
   Q_ASSERT(select("QDialog, QPushButton") == all_l);
}

复制粘贴在上面之前：

// https://github.com/KubaO/stackoverflown/tree/master/questions/css-selector-35129103
#include <QtWidgets>
#include <private/qcssparser_p.h>

using namespace QCss;

// FROM src/widgets/styles/qstylesheetstyle.cpp

#define OBJECT_PTR(node) (static_cast<QObject*>((node).ptr))

static inline QObject *parentObject(const QObject *obj)
{
   if (qobject_cast<const QLabel *>(obj) && qstrcmp(obj->metaObject()->className(), "QTipLabel") == 0) {
      QObject *p = qvariant_cast<QObject *>(obj->property("_q_stylesheet_parent"));
      if (p)
         return p;
   }
   return obj->parent();
}

class QObjectStyleSelector : public StyleSelector
{
public:
   QObjectStyleSelector() { }

   QStringList nodeNames(NodePtr node) const Q_DECL_OVERRIDE
   {
      if (isNullNode(node))
         return QStringList();
      const QMetaObject *metaObject = OBJECT_PTR(node)->metaObject();
#ifndef QT_NO_TOOLTIP
      if (qstrcmp(metaObject->className(), "QTipLabel") == 0)
         return QStringList(QLatin1String("QToolTip"));
#endif
      QStringList result;
      do {
         result += QString::fromLatin1(metaObject->className()).replace(QLatin1Char(':'), QLatin1Char('-'));
         metaObject = metaObject->superClass();
      } while (metaObject != 0);
      return result;
   }
   QString attribute(NodePtr node, const QString& name) const Q_DECL_OVERRIDE
   {
      if (isNullNode(node))
         return QString();

      auto obj = OBJECT_PTR(node);
      auto value = obj->property(name.toLatin1());
      if (!value.isValid()) {
         if (name == QLatin1String("class")) {
            auto className = QString::fromLatin1(obj->metaObject()->className());
            if (className.contains(QLatin1Char(':')))
               className.replace(QLatin1Char(':'), QLatin1Char('-'));
            return className;
         }
      }
      if(value.type() == QVariant::StringList || value.type() == QVariant::List)
         return value.toStringList().join(QLatin1Char(' '));
      else
         return value.toString();
   }
   bool nodeNameEquals(NodePtr node, const QString& nodeName) const Q_DECL_OVERRIDE
   {
      if (isNullNode(node))
         return false;
      auto metaObject = OBJECT_PTR(node)->metaObject();
#ifndef QT_NO_TOOLTIP
      if (qstrcmp(metaObject->className(), "QTipLabel") == 0)
         return nodeName == QLatin1String("QToolTip");
#endif
      do {
         const ushort *uc = (const ushort *)nodeName.constData();
         const ushort *e = uc + nodeName.length();
         const uchar *c = (const uchar *)metaObject->className();
         while (*c && uc != e && (*uc == *c || (*c == ':' && *uc == '-'))) {
            ++uc;
            ++c;
         }
         if (uc == e && !*c)
            return true;
         metaObject = metaObject->superClass();
      } while (metaObject != 0);
      return false;
   }
   bool hasAttributes(NodePtr) const Q_DECL_OVERRIDE
   { return true; }
   QStringList nodeIds(NodePtr node) const Q_DECL_OVERRIDE
   { return isNullNode(node) ? QStringList() : QStringList(OBJECT_PTR(node)->objectName()); }
   bool isNullNode(NodePtr node) const Q_DECL_OVERRIDE
   { return node.ptr == 0; }
   NodePtr parentNode(NodePtr node) const Q_DECL_OVERRIDE
   { NodePtr n; n.ptr = isNullNode(node) ? 0 : parentObject(OBJECT_PTR(node)); return n; }
   NodePtr previousSiblingNode(NodePtr) const Q_DECL_OVERRIDE
   { NodePtr n; n.ptr = 0; return n; }
   NodePtr duplicateNode(NodePtr node) const Q_DECL_OVERRIDE
   { return node; }
   void freeNode(NodePtr) const Q_DECL_OVERRIDE
   { }
};

// END FROM

#cssparser-35129103.pro
QT = widgets gui-private
CONFIG += c++11
TARGET = cssparser-35129103
TEMPLATE = app
SOURCES += main.cpp

- Kuba hasn't forgotten Monica

---

好的，看来我会自己实现它。感谢您指导我关于小部件的检查方向。 - Tomáš Zato

@TomášZato Qt 已经实现了它。通过一些复制粘贴，你可以利用它。我已经更新了答案。 - Kuba hasn't forgotten Monica