如何动态设置 QProgressBar 样式表？

Posted 2023-02-17

【中文标题】如何动态设置 QProgressBar 样式表？

【英文标题】：How to set QProgressBar stylesheet dynamically?

【发布时间】：2021-04-05 17:45:19

【问题描述】：

我正在尝试制作一个进度条，它可以根据滑块的值动态更改部分颜色。我现在最接近的方法是使用：

bar->setStyleSheet(QString("QProgressBar::chunk:vertical background: qlineargradient(x1:0, y1:0, x2: 0, y2: 1, stop:0 red, stop:0.5 green); border-radius: 9px;")
                   +QString("QProgressBar::vertical border: 1px solid #b4adad; border-radius: 9px; background: #2f2828; padding: 0px; text-align: left; margin-right: 4ex;"));

我尝试将第二个停止点设置为 slider->value()，它会带走整个样式表，留下一个空白的进度条。 我试过只使用 CSS 代码，它也带走了样式表：

background: linear-gradient(to bottom, white 0%, blue 25%, blue 100%); border-radius: 9px;"

我很困惑，因为我可以使用 CSS 来设置背景，但除非我使用 qlineargradient，否则我无法让它工作，这是为什么呢？为了在 Qt 样式表中不受限制地实现 CSS，需要做什么？

是否可以将停止点的值设置为滑块的变化值？

我还尝试在 if 语句中使用 setStyleSheet 函数，以便样式表本身会根据进度条的值而改变：

if (bar->value()<slider->value()) 

但是这不会动态地改变样式表。似乎它在打开应用程序之前运行了一次 if 语句。 QT 是否会在应用打开时运行一个 while 循环，该循环会在应用程序打开时连续运行代码还是我弄错了？

【参考方案1】：

来自https://doc.qt.io/qt-5/qprogressbar.html#valueChanged，有一个信号void QProgressBar::valueChanged(int value)，您可以连接到一个插槽并为QProgressBar 样式表进行所需的更改，例如：

void MainWindow::on_progressBar_valueChanged(int value)

    if (value >= 0 && value < 50)
        ui->progressBar->setStyleSheet("border: 2px solid grey; border-radius: 5px; text-align: center;");
    else if (value >= 50 && value < 75)
        ui->progressBar->setStyleSheet("background-color: #05B8CC; width: 20px;");
    // and so on ...