Применение стилей *.qss к собственным виджетам.

Question

grig_p21 октября 2021 г. 4:26

Применение стилей *.qss к собственным виджетам.

Здравствуйте!
Я пишу свой виджет, который отображает некоторые данные и к стандартным виджетам не имеет никакого отношения, кроме того, что является подклассом QWidget.
Есть у меня в программе файл стиля qss который я применяю к окну, на котором лежит разрабатываемый виджет.

    QFile style(AppDefines::MainStyleSheetFile);
    style.open( QFile::ReadOnly );
    QString stlDetail(style.readAll() );
    setStyleSheet(stlDetail);

Стиль выглядит так:

...
QFrame#frTestKindButtons
{
    background-color: rgb(205, 209, 214);
}

QFrame#frTitle
{
    font-size: 11pt;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgb(1, 59, 86), stop: 0.5 rgb(2, 112, 164), stop: 1 rgb(1, 59, 86));
}

QCheckBox
{
    font-size: 11pt;
    color: rgb(32,88,103);
}

QGroupBox
{
    font-size: 11pt;
    color: rgb(32,88,103);
}
...

Я бы хотел в этом файле стиля создать раздел для моего нового виджета и определить в нем некоторые цвета и шрифты, например:

MyDiag
{
    sig1-color: rgb(20, 30, 40);
    sig2-color: rgb(40, 20, 30);
}

И потом в виджете получать данные к этим цветам и использовать их.
Встают вопросы.
1. Могу ли я это делать?
2. Как в виджете получить данные о цветах?

Заранее благодарен за ответ.

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Подписка на обсуждение2

Подписка на раздел248

Вам это нравится? Поделитесь в социальных сетях!

o

21 октября 2021 г. 8:07
(ред.)

Добрый день.

    sig1-color: rgb(20, 30, 40);
    sig2-color: rgb(40, 20, 30);

Что это?

21 октября 2021 г. 8:33

Здравствуйте!
Я бы хотел в виджете использовать некоторые свои свойства для его элементов.
Задаю в коде виджета так:

    Q_PROPERTY(QColor sig1_color READ sig1Color WRITE setSig1Color)

    void setSig1Color(const QColor color) {m_sig1Color = color;}
    QColor sig1Color() const {return m_sig1Color;}

В qss файле:

MyDiag
{
    sig1-color: rgb(20, 30, 40);
}

А в выводе пишет: "Unknown property sig1_color"
Что я делаю не так?

o

ost.vld → grig_p
#

21 октября 2021 г. 17:27
(ред.)
Ответ был помечен как решение.

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

o

ost.vld → grig_p
#

21 октября 2021 г. 17:31

или взять код отсюда пример

переписать его под свои нужды

22 октября 2021 г. 3:07

Вот спасибо большое! Это то, что было нужно. Я сделал почти все так, но следовало в qss файле написать:

MyDiag
{
    qproperty-sig1_color: rgb(20, 30, 40);
}

Еще раз большое спасибо за пример!

o

ost.vld → grig_p
#

22 октября 2021 г. 3:34

wellcome)

Применение стилей *.qss к собственным виджетам.

Рекомендуем хостинг TIMEWEB

Комментарии