创建QLinearGradient后输出无效颜色，请求排查代码问题

我尝试从样式表字符串解析创建QLinearGradient，代码如下：

int main(int argc, char* argv[]) {
    QApplication app(argc, argv);

    QLinearGradient gradient;
    QString gradientString = "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(15, 21, 255, 155), stop:1 rgba(126, 22, 224, 155));";
    QWidget* widget = new QWidget;
    widget->setStyleSheet(gradientString);
    widget->setWindowTitle("StyleSheet");
    widget->show();
    
        // Parse the string to create a QLinearGradient

    // Remove the "qlineargradient(" and ")" parts
    gradientString.replace("background-color: qlineargradient(", "");
    gradientString.chop(2);

    // Extract the start and end points
    QRegularExpression rx("x1:([\\d.]+), y1:([\\d.]+), x2:([\\d.]+), y2:([\\d.]+)");
    QRegularExpressionMatch match = rx.match(gradientString);
    if (match.hasMatch())
    {
        float x1 = match.captured(1).toFloat();
        float y1 = match.captured(2).toFloat();
        float x2 = match.captured(3).toFloat();
        float y2 = match.captured(4).toFloat();
        qDebug() << "x1:" << x1 << "y1:" << y1 << "\nx2:" << x2 << "y2:" << y2 << "\n";

        gradient = QLinearGradient(QPointF(x1, y1), QPointF(x2, y2));

        // Extract the color stops
        QRegularExpression rxStop("stop:([\\d.]+) rgba\\((\\d+), (\\d+), (\\d+), (\\d+)\\)");
        int pos = 0;
        while ((match = rxStop.match(gradientString, pos)).hasMatch())
        {
            float stop = match.captured(1).toFloat();
            int r = match.captured(2).toInt();
            int g = match.captured(3).toInt();
            int b = match.captured(4).toInt();
            int a = match.captured(5).toInt();

            qDebug().nospace() << "stop: " << stop << " rgba(" << r << "," << g << "," << b << "," << a << ")\n";

            // Check if the color values are valid
            if (r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255 && a >= 0 && a <= 255)
                gradient.setColorAt(stop, QColor(r, g, b, a));
            else
                qDebug() << "Invalid color values";

            pos = match.capturedEnd();
        }
        qDebug() << gradient;
    }

    widget = new QWidget;
    QPalette palette;
    palette.setBrush(widget->backgroundRole(), QBrush(gradient));
    widget->setPalette(palette);
    widget->setWindowTitle("Palette");
    widget->show();

    return app.exec();
}

执行qDebug() << gradient;时输出：

QBrush(QColor(Invalid),LinearGradientPattern)

问题原因 #

1. 正则表达式匹配失败：处理后的字符串开头是spread:pad, ，但匹配起点终点的正则x1:([\\d.]+), y1:([\\d.]+), x2:([\\d.]+), y2:([\\d.]+)是从字符串起始位置查找x1，导致匹配失败，match.hasMatch()返回false，后续初始化梯度的代码完全没执行，gradient保持默认构造的无效状态。
2. 字符串处理不够健壮：直接用replace和chop处理字符串，若样式表格式稍有变化（比如参数顺序调整、额外空格），就会导致解析失败。

修复方案 #

调整正则表达式以兼容前置参数，同时优化字符串提取逻辑：

int main(int argc, char* argv[]) {
    QApplication app(argc, argv);

    QLinearGradient gradient;
    QString gradientString = "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(15, 21, 255, 155), stop:1 rgba(126, 22, 224, 155));";
    QWidget* widget = new QWidget;
    widget->setStyleSheet(gradientString);
    widget->setWindowTitle("StyleSheet");
    widget->show();
    
    // Parse the string to create a QLinearGradient
    // 更健壮地提取qlineargradient内部的参数
    int startIdx = gradientString.indexOf("qlineargradient(");
    if (startIdx != -1) {
        startIdx += QString("qlineargradient(").length();
        int endIdx = gradientString.indexOf(')', startIdx);
        if (endIdx != -1) {
            QString gradParams = gradientString.mid(startIdx, endIdx - startIdx).trimmed();

            // 提取起点终点，允许前面有其他参数（如spread）
            QRegularExpression rx(".*x1:([\\d.]+),\\s*y1:([\\d.]+),\\s*x2:([\\d.]+),\\s*y2:([\\d.]+)");
            QRegularExpressionMatch match = rx.match(gradParams);
            if (match.hasMatch())
            {
                float x1 = match.captured(1).toFloat();
                float y1 = match.captured(2).toFloat();
                float x2 = match.captured(3).toFloat();
                float y2 = match.captured(4).toFloat();
                qDebug() << "x1:" << x1 << "y1:" << y1 << "\nx2:" << x2 << "y2:" << y2 << "\n";

                gradient = QLinearGradient(QPointF(x1, y1), QPointF(x2, y2));
                // 设置spread模式，这里从参数中提取
                QRegularExpression spreadRx("spread:(\\w+)");
                QRegularExpressionMatch spreadMatch = spreadRx.match(gradParams);
                if (spreadMatch.hasMatch()) {
                    QString spreadStr = spreadMatch.captured(1);
                    if (spreadStr == "pad") gradient.setSpread(QGradient::PadSpread);
                    else if (spreadStr == "repeat") gradient.setSpread(QGradient::RepeatSpread);
                    else if (spreadStr == "reflect") gradient.setSpread(QGradient::ReflectSpread);
                }

                // 提取颜色停止点，兼容空格变化
                QRegularExpression rxStop("stop:([\\d.]+)\\s*rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*(\\d+)\\)");
                int pos = 0;
                while ((match = rxStop.match(gradParams, pos)).hasMatch())
                {
                    float stop = match.captured(1).toFloat();
                    int r = match.captured(2).toInt();
                    int g = match.captured(3).toInt();
                    int b = match.captured(4).toInt();
                    int a = match.captured(5).toInt();

                    qDebug().nospace() << "stop: " << stop << " rgba(" << r << "," << g << "," << b << "," << a << ")\n";

                    // 检查颜色值有效性
                    if (r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255 && a >= 0 && a <= 255)
                        gradient.setColorAt(stop, QColor(r, g, b, a));
                    else
                        qDebug() << "Invalid color values";

                    pos = match.capturedEnd();
                }
                qDebug() << gradient;
            }
        }
    }

    widget = new QWidget;
    QPalette palette;
    palette.setBrush(widget->backgroundRole(), QBrush(gradient));
    widget->setPalette(palette);
    widget->setWindowTitle("Palette");
    widget->show();

    return app.exec();
}

关键修复点 #

• 使用indexOf精准定位qlineargradient(的起止位置，避免字符串替换的局限性。
• 调整起点终点的正则表达式，用.*忽略前面的参数，同时添加\\s*兼容参数间的空格变化。
• 增加了spread模式的解析，让梯度样式更完整。
• 优化停止点的正则，兼容rgba参数内的空格差异。

内容的提问来源于stack exchange，提问作者Jabu