如何用QLinearGradient为QProgressBar设置纯色分段样式？

尝试通过QLinearGradient为QProgressBar设置分段纯色样式，代码如下：

QProgressBar *b = new QProgressBar();

QString progressStyle = QString("::chunk {"
                                    "background-color: "
                                    "qlineargradient(x0: 0, x2: 1, "
                                    "stop: 0 green, stop: 0.6 green, "
                                    "stop: 0.6 orange, stop: 0.8 orange, "
                                    "stop: 0.8 transparent, stop: 1 transparent"
                                    ")}");

b->setStyleSheet(progressStyle);

b->setValue(80);
b->show();

实际运行后出现渐变过渡效果，而非预期的纯色分段。

Qt的qlineargradient渲染时，即使相邻stop位置完全相同，部分版本仍会产生细微的平滑过渡。要实现无渐变的纯色分段，有两种可靠方法：

方法一：微调渐变stop位置 #

通过给相邻颜色的stop设置极小的偏移值，强制关闭插值过渡：

QString progressStyle = QString("::chunk {"
                                "background-color: "
                                "qlineargradient(x0: 0, x2: 1, "
                                "stop: 0 green, stop: 0.6 green, "
                                "stop: 0.6001 orange, stop: 0.8 orange, "
                                "stop: 0.8001 transparent, stop: 1 transparent"
                                ")}");

这种写法利用了Qt渐变渲染的精度限制，让相邻颜色的切换点没有插值空间。

方法二：多层背景叠加（推荐） #

用多层线性渐变分别定义每个分段，通过背景覆盖实现硬分割，兼容性更好：

QString progressStyle = QString("::chunk {"
                                "background-image: "
                                "linear-gradient(90deg, green 0%, green 60%), "
                                "linear-gradient(90deg, orange 60%, orange 80%), "
                                "linear-gradient(90deg, transparent 80%, transparent 100%);"
                                "background-size: 100% 100%;"
                                "background-repeat: no-repeat;"
                                "}");

每个渐变仅覆盖对应比例的区域，彼此之间没有重叠插值，完全不会出现过渡效果。

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