s
Nov. 15, 2019, 4:54 a.m.

QPalette progressBar

QPalette

Добрый день!
Подскажите пожалуйста, столкнулся с проблемой смены цвета прогресс бара через QPalette::Highlight.
В MainWindow считается переменная температуры девайса. Результат вычисления этой переменной я отправляю на виджет, где лежит лэйбл и прогресс бар, лейбл без проблем принимает числовое значение той переменной. А вот прогресс бар свой цвет не меняет.
Вот полный код процедуры присвоение значений на лэйбл и бар:

void station::updateTemp(double temp)
{
    ui->label_7->setText(QString::number(temp, 'f', 0) + " °С");

    ui->EngineBar_7->setValue(temp);
        QPalette paletteEngine7 = ui->EngineBar_7->palette();

        if ((temp >= -50) && (temp <= 0))
        {
            paletteEngine7.setColor(QPalette::Highlight, QColor (255, 36, 0, 255));
            ui->EngineBar_7->setPalette(paletteEngine7);
        }
        else if ((temp > 0) && (temp <= 70 ))
        {
            paletteEngine7.setColor(QPalette::Highlight, QColor (13, 191, 0, 255));
            ui->EngineBar_7->setPalette(paletteEngine7);
        }
        else if ((temp > 70) && (temp <=90 ))
        {
            paletteEngine7.setColor(QPalette::Highlight, QColor (255, 243, 67, 255));
            ui->EngineBar_7->setPalette(paletteEngine7);
        }
        else if ((temp > 90) && (temp <= 120))
        {
            paletteEngine7.setColor(QPalette::Highlight, QColor (255, 36, 0, 255));
            ui->EngineBar_7->setPalette(paletteEngine7);
        }

}

Подскажите что неправильно я написал. Т.к. бар оставляет свой дефолтный цвет, хотя шкала в зависимости от значение меняет свое положение.
Также этот алгоритм смены цвета я пробовал вписать в конструктор этого виджета, но там палитра не видит переменную температуры и меняет свой цвет только при ручном вводе значения setValue.

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
15
MP

Может лучше через style sheet?
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qprogressbar

Согласен с Михаилом. Дело в том, что QPalette очень сильно зависит от системных стилей и для разных ОС игнорируются некоторые настройки QPalette.
Тогда как style sheet грубо переопределяет стилевое оформление.

MP

И вот это возможно заинтересует:
https://wiki.qt.io/Dynamic_Properties_and_Stylesheets

s

Благодарю за ответ, но и этим способом я пытался изменить его цвет. Бар также игнорировал styleSheet и оставался дефолтным. Вероятно я допустил ошибку на тот момент. Не могли Вы показать пример применения на конкретный прогресс бар такой таблицы стилей?

Вот код

   ui->progressBar->setStyleSheet("QProgressBar {"
                                  "border: 2px solid grey;"
                                  "border-radius: 5px;"
                                  "text-align: center;"
                                  "}"
                                  "QProgressBar::chunk {"
                                  "background-color: #05B8CC;"
                                  "width: 20px;}");

Вот результат

MP

Не забываем также, что все стили можно описать в отдельном .qss файле. И использовать dynamic properties для динамического поведения.

s

И вот опять, цвет остался дефолтным синим, хотя при ручном вводе значений шкала также двигается, цвет в упор не меняет.

void station::updateTemp(double temp)
{
    ui->label_7->setText(QString::number(temp, 'f', 0) + " °С");



        if ((temp >= -50) && (temp <= 0))
        {
            ui->EngineBar_7->setStyleSheet("QProgressBar {"
                                              "border: 2px solid grey;"
                                              "border-radius: 5px;"
                                              "}"
                                              "QProgressBar::chunk {"
                                              "background-color: #f0440a;"
                                              "width: 20px;}");
        }
        else if ((temp > 0) && (temp <= 70 ))
        {
            ui->EngineBar_7->setStyleSheet("QProgressBar {"
                                              "border: 2px solid grey;"
                                              "border-radius: 5px;"
                                              "}"
                                              "QProgressBar::chunk {"
                                              "background-color: #0dbf00;"
                                              "width: 20px;}");
        }
        else if ((temp > 70) && (temp <=90 ))
        {
            ui->EngineBar_7->setStyleSheet("QProgressBar {"
                                              "border: 2px solid grey;"
                                              "border-radius: 5px;"
                                              "}"
                                              "QProgressBar::chunk {"
                                              "background-color: #fbf807;"
                                              "width: 20px;}");
        }
        else if ((temp > 90) && (temp <= 120))
        {
            ui->EngineBar_7->setStyleSheet("QProgressBar {"
                                              "border: 2px solid grey;"
                                              "border-radius: 5px;"
                                              "}"
                                              "QProgressBar::chunk {"
                                              "background-color: #f0440a;"
                                              "width: 20px;}");
        }
}

На скриншоте видно что бар так и остался синим, игнорируя styleSheet. Остальные бары зеленые, т.к. они на данный момент не активны и для них просто настроена палитра.

s

Я так понимаю, таблицу стилей Вы задаете в конструкторе, но шкала бара должна зависить от переменной, т.е. в разные диапазоны разный цвет. Каким образом такое условие можно реализовать в конструкторе? ведь там он не принимает переменные. Так же выше я прикрепил скриншот, запущенной программы, к сожалению не сработало(

Вы можете написать другой конструктор, с необходимыми аргументами. Конструкторов может быть сколько угодно.

s

Спасибо! Этого я не знал. Но все же вопрос, даже если я создам новый конструктор, как в него засунуть эту дурацкую переменную температуры?

MP

То что вы хотите сделать и есть динамическое свойство стиля. Возможно я отправлю пример чуть позже.

s

За пример буду очень благодарен, т.к. я новичок и с подобным пока не работал.

MP
#include "widget.h"
#include <QProgressBar>
#include <QBoxLayout>
#include <QPushButton>
#include <QStyle>
#include <QVariant>

Widget::Widget(QWidget *parent)
 : QWidget(parent)
{
 auto* prb = new QProgressBar;
 prb->setRange(0, 0);
 prb->setStyleSheet("QProgressBar {"
 "border: 2px solid grey;"
 "border-radius: 5px;"
 "text-align: center;"
 "}"
 "QProgressBar::chunk {"
 "background-color: #05B8CC;"
 "width: 20px;}"
 "QProgressBar::chunk[urgent=true] {"
 "background-color: red;"
 "}"
 );

 auto* but = new QPushButton("button");
 connect(but, &QPushButton::clicked, this, [prb]{
 prb->setProperty("urgent", true);
 prb->style()->unpolish(prb);
 prb->style()->polish(prb);
 });

 auto* lay = new QVBoxLayout;

 lay->addWidget(prb);
 lay->addWidget(but);
 setLayout(lay);

}

Widget::~Widget()
{
}
MP

Ну так... чисто для примера, чтобы показать как это работет. Все стили лучше хранить в отдельном .qss файле. Здесь представлен qss синтаксис: https://doc.qt.io/qt-5/stylesheet-syntax.html

s

Благодарю! Пойду читать всю эту документацию, чтобы понять, как это вообще работает и дальше мучать свой прогресс бар.

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Donate

Hello, Dear Users of EVILEG!!!

If the site helped you, then support the development of the site financially, please.

You can do it by following ways:

Thank you, Evgenii Legotckoi

SB
Dec. 5, 2019, 8:01 a.m.
Sergej Bederin

C++ - Test 001. The first program and data types

  • Result:60points,
  • Rating points-1
AS
Dec. 4, 2019, 6:39 a.m.
Artur Salmin

C++ - Test 005. Structures and Classes

  • Result:33points,
  • Rating points-10
ST
Dec. 2, 2019, 4:05 p.m.
Sergej Timchenko

Qt - Test 001. Signals and slots

  • Result:68points,
  • Rating points-1
Last comments
Dec. 6, 2019, 12:47 p.m.
Evgenij Legotskoj

я подумал насчёт debug/release, но мне показалось - это сильно очевидным )))) Насчёт cmake согласен - он лучше
r
Dec. 6, 2019, 12:46 p.m.
romankoshelev

С cmake разобрался. Всетаки писать на нем сильно проще. С размером dll тоже разобрался. windeployqt надо давать флаг --release (тогда библиотеки в 20 раз меньше)
Dec. 6, 2019, 12:40 p.m.
Evgenij Legotskoj

Конечно, хорошо бы это дело и на cmake сделать, но если честно, в задачах у меня такого нет, а делать специально только это сейчас времени тоже не хватает. увы. А что касается гигабайта Qt…
r
Dec. 6, 2019, 11:37 a.m.
romankoshelev

А что сделать чтоб qt не тащило весь свой гигабайт в инсталлер?
Now discuss on the forum
Dec. 6, 2019, 7:10 a.m.
qml_puthon_user

Доброго времени суток. Пытаюсь сделать отображение с веб-камеры в графическом интерфейсе написанном на qml. Код программы: #системные библиотекиimport cv2import numpy as npimport…
Dec. 5, 2019, 4:12 p.m.
Evgenij Legotskoj

Это уже кастомная стилизация. Придётся отключать обрамление и самостоятельно реализовывать ресайз окна, его перемещение, стиль и т.д. Вот статья, как отключить обрамление окна - QML …
Dec. 5, 2019, 4:27 a.m.
qml_puthon_user

Вот код, вдруг, кому поможет. Код основной формы: import QtQuick 2.12import QtQuick.Controls 2.12import QtQuick.Layouts 1.3import "./Components/Panels" as PanelsApplicationWindow{…
Dec. 5, 2019, 2:50 a.m.
Evgenij Legotskoj

Создавайте новые темы, чтобы не было всё в куче.
Dec. 4, 2019, 10:07 p.m.
qml_puthon_user

Спасибо за помощь! :) Я попытаю надежды в ожидании QtQuick3D от Riverbank'a. :)
EVILEG
About
Services
© EVILEG 2015-2019
Recommend hosting TIMEWEB