如何更新样式表的单个属性？

Question

我有一个窗口：

class MyWindow : public QWindow
{
.....
};

MyWindow *window;

和一组样式表属性：

MyWindow
{
    style1: value1;
    style2: value2;
}

为了在窗口上设置这些属性，我必须调用：

window->setStyleSheet( "style1: value1" );
window->setStyleSheet( "style2: value2" );

例如，设置QPushButton的对齐方式需要设置text-align属性。

现在假设我想修改style1的value1值。我可以通过两种方式做到这一点：

1. window->setStyleSheet( "style1: new-value" );

或

1. window->setStyleSheet( "style1: new-value; style2: value2" );

区别在于，在第二种情况下，我需要重建之前设置的整个样式表并追加更改。

现在是一个问题-据您所知，我绝对必须采用第2种方式设置任何窗口/样式吗？

为了更改1个属性值而不得不重建属性表当然很奇怪，但是我想问一下，以防万一。

Answer 1

背景

  

为了在窗口上设置这些属性，我必须调用：

window->setStyleSheet( "style1: value1" );
window->setStyleSheet( "style2: value2" );

样式表是cascading，但不是累积的，这意味着后面的样式表将取消上一个样式表。

考虑以下示例：

auto *label = new QLabel("test", this);

label->setStyleSheet("background-color: yellow");
label->setStyleSheet("color: red");

结果是：文本为红色，但背景为默认颜色。

如果最后两行切换位置，则结果为：背景为黄色，但文本现在为默认颜色。

因此，当您绝对必须采用＃2 方式时，有关的问题的答案是：

始终

解决方案

考虑到这一背景，为了回答标题中的问题，我建议您采用以下解决方案：

1. 将样式表转换为JSON
2. 更新选择的价值
3. 将JSON转换回样式表
4. 将新样式表设置为小部件

示例

建议的解决方案听起来可能很复杂，但幸运的是，我准备了一个类StylesheetManipulator，该类具有必要的功能以及使用方法的示例：

StylesheetManipulator.h

#ifndef STYLESHEETMANIPULATOR_H
#define STYLESHEETMANIPULATOR_H

#include <qglobal.h>
#include <QJsonArray>

class StylesheetManipulator
{
public:
    static QString updateStylesheetProperty(const QString &styleSheet, const QString &selector, const QString &property, const QString &newValue);

private:
    static QJsonArray styleSheetToJson(const QString &styleSheet);
    static QJsonArray styleSheetPropertiesToJson(const QString &properties);
    static QJsonArray updateValue(const QString &selector, const QString &propertyName, const QString &newValue, const QJsonArray &jsonStyleSheet);
    static QString jsonToStyleSheet(const QJsonArray &jsonStyleSheet);
};

#endif // STYLESHEETMANIPULATOR_H

StylesheetManipulator.cpp

QString StylesheetManipulator::updateStylesheetProperty(const QString &styleSheet, const QString &selector, const QString &property, const QString &newValue)
{
    return jsonToStyleSheet(updateValue(selector, property, newValue, styleSheetToJson(styleSheet)));
}

QJsonArray StylesheetManipulator::styleSheetToJson(const QString &styleSheet)
{
    QJsonArray jsonStyleSheet;

    if (styleSheet.isEmpty())
        return jsonStyleSheet;

    foreach (const QString &style, styleSheet.trimmed().split("}")) {
        const QString &trimmedStyle(style.trimmed());

        if (!trimmedStyle.isEmpty()) {
            const QStringList &list(trimmedStyle.split("{"));

            jsonStyleSheet.append(QJsonObject {
                                 {"selector", list.first().trimmed()},
                                 {"properties", styleSheetPropertiesToJson(list.last())}
                             });
        }
    }

    return jsonStyleSheet;
}

QJsonArray StylesheetManipulator::styleSheetPropertiesToJson(const QString &properties)
{
    QJsonArray jsonProperties;

    if (properties.isEmpty())
        return jsonProperties;

    foreach (const QString &property, properties.trimmed().split(";")) {
        const QString &trimmedProperty(property.trimmed());

        if (!trimmedProperty.isEmpty()) {
            const QStringList &list(trimmedProperty.split(":"));

            jsonProperties.append(QJsonObject{
                                      {"name", list.first().trimmed()},
                                      {"value", list.last().trimmed()}
                                  });
        }
    }

    return jsonProperties;
}

QJsonArray StylesheetManipulator::updateValue(const QString &selector, const QString &propertyName, const QString &newValue, const QJsonArray &jsonStyleSheet)
{
    QJsonArray a;

    foreach (const QJsonValue &value, jsonStyleSheet) {
        const QJsonObject &currentStyle(value.toObject());
        const QString &currentSelector(currentStyle["selector"].toString());
        bool selectorFound = currentSelector == selector;
        QJsonArray properties;

        foreach (const QJsonValue &value, currentStyle["properties"].toArray()) {
            QJsonObject property(value.toObject());

            if (selectorFound && (property["name"].toString() == propertyName))
                property["value"] = newValue;

            properties.append(property);
        }

        a.append(QJsonObject{
                     {"selector", currentSelector},
                     {"properties", properties}
                 });
    }

    return a;
}

QString StylesheetManipulator::jsonToStyleSheet(const QJsonArray &jsonStyleSheet)
{
    QString styleSheet;

    foreach (const QJsonValue &value, jsonStyleSheet) {
        const QJsonObject &currentStyle(value.toObject());

        styleSheet.append(currentStyle["selector"].toString() + " {");

        foreach (const QJsonValue &value, currentStyle["properties"].toArray()) {
            QJsonObject property(value.toObject());

            styleSheet.append(" " + property["name"].toString() + ": " + property["value"].toString() + ";");
        }

        styleSheet.append(" } ");
    }

    return styleSheet;
}

MainWindow.cpp

MainWindow::MainWindow(QWidget *parent) :
    QWidget(parent)
{
    auto *label = new QLabel("test", this);
    auto *l = new QVBoxLayout(this);

    label->setStyleSheet("QFrame { background-color: yellow; border: 2px solid blue } QLabel { color: red; }");
    label->setStyleSheet(StylesheetManipulator::updateStylesheetProperty(label->styleSheet(), "QLabel", "color", "green"));

    l->addWidget(label);

    resize(300, 200);
}

示例的完整代码可在GitHub

上找到。

该示例将产生以下结果：

请注意，尽管最初文本颜色设置为红色（QLabel { color: red; }），但实际上已更改为绿色。