主页 / 问题 / 1039614
Accepted
Kto To
Asked:2020-10-28 21:55:06 +0000 UTC2020-10-28 21:55:06 +0000 UTC

QProgressBar / styleSheet 改变颜色

  • 772

我想做一个红色的进度条，以防失败。怎么做？我在下面的例子中发现了最美丽的东西。这里几何变化，帧的大小，进度条叠加在百分比上，百分比变为100。

我想如果他们给我写了 QT 风格是如何写的，我只能把颜色改成红色，其余的都适合我。

if (!m_executor->is_ok()) {
    ui->progressBar->setFormat("error");
    ui->progressBar->setStyleSheet("QProgressBar{"
                                   "border: 1px solid transparent;text-align: right;"
                                   "color:rgba(255,255,250,255);"
                                   "border-radius: 5px;"
                                   "border-width: 3px;"
                                   "border-image: 9,2,5,2; "
                                   "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(200, 200, 200, 200), stop:1 rgba(0, 0, 0, 200));"
                                    "}"
                                   "QProgressBar::chunk {background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(255,200,0,255), stop: 1 rgba(255,0,0,255));}");
}

例子 默认

c++

1 个回答

  1. Best Answer

    您可以尝试非 ssc 代码（奇怪，我认为 ssc 会起作用）

    所以这里是代码：

    ui->progressBar->setStyleSheet("color: red;"
                               "background-color: yellow;"
                               "selection-background-color: red;");
//selection-background-color - цвет главной линии
// color - цвет текста

    在此处输入图像描述

    像这样 ？？

    在此处输入图像描述

    ui->progressBar->setFormat("error");
ui->progressBar->setValue(92);
ui->progressBar->setAlignment(Qt::AlignCenter); // смешно я долго не понимал почему не отрабатывает, только потом догадался css разметку глянуть :3
ui->progressBar->setStyleSheet("QProgressBar{"
                               "border: 1px solid transparent;text-align: center;" // было right
                               "color:rgba(255,255,250,255);"
                               "border-radius: 5px;"
                               "border-width: 3px;"
                               "border-image: 9,2,5,2; "
                               "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(200, 200, 200, 200), stop:1 rgba(0, 0, 0, 200));"
                                "}"
                               "QProgressBar::chunk {background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(255,100,0,255), stop: 1 rgba(255,0,0,255));}");

    我只改变了两件事：

    1. 将橙色rgba(255,200,0,255)变为红色rgba(255,100,0,255)
    2. 居中铭文text-align: center;

    要理解，使用 CSS 标记更改小部件，您需要了解 Qt 并不支持 CSS 标记的所有功能。而对于这个“标准的绿色虹彩线”，有一个QProgressBar的上层实现，只需在保持“溢出”的同时改变颜色，我没有成功。

    我还将更准确地提到您的问题，因为我知道您对如何更改色域没有足够的知识，您不知道您使用的是 RGBa 颜色模型rgba(255,100,0,255)，但这是可以解决的:)

    rgba(255,100,0,255) == rgba(красный, зеленый, синий, прозрачность) 
// чем выше прозрачность тем более отчётливо видим

    橙色是由于红色（3/5）和绿色（2/5）的“混合”而获得的。

    在此处输入图像描述

    • 2

相关问题