Evgenii Legotckoi
Evgenii LegotckoiMarch 27, 2017, 11:20 p.m.

Qt/C++ - Lesson 060. Configuring the appearance of the application in runtime

Suppose there is a task to change the appearance of the application written on QWidget. To change the style of the application application, you can use both the QPalette classes, and install the style through QStyleSheet for specific elements, and using the QStyle class and the built-in styles that are obtained with QStyleFactory (or created independently with QStylePlugin ).

Let's take a look at two options for creating an application style using the built-in Fusion style. Namely, it will be dark and bright.


In the application under study, there are several interface elements to show the difference in design styles. But there are also two functional elements that change the style of the application in runtime. These are two buttons with the inscriptions: Dark and Light . Each button has its own clicked signal processing slot.

main.cpp

When you run the application immediately install the theme of Fusion .

#include "widget.h"
#include <QApplication>
#include <QStyleFactory>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    // Let's set the design style
    // The standard palette is light
    qApp->setStyle(QStyleFactory::create("Fusion"));

    Widget w;
    w.show();

    return a.exec();
}

widget.h

This class is responsible for the application window that was shown above. In the header file, there are two slots for processing the clicks on the buttons Dark and Light , which were added to the application via the graphic designer.

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private slots:
    // Slot handler button click to install a dark design
    void on_darkPushButton_clicked();
    // Slot handler button click to install a light design
    void on_lightPushButton_clicked();

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

widget.cpp

And in the implementation of slots, the necessary palette is already created, to decorate the application interface with Qt. In this case, the style of the application will change in runtime, without restarting the application itself.

#include "widget.h"
#include "ui_widget.h"

#include <QApplication>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_darkPushButton_clicked()
{
    // Create a palette for a dark theme
    QPalette darkPalette;

    // Customize the color palette for the interface elements
    darkPalette.setColor(QPalette::Window, QColor(53, 53, 53));
    darkPalette.setColor(QPalette::WindowText, Qt::white);
    darkPalette.setColor(QPalette::Base, QColor(25, 25, 25));
    darkPalette.setColor(QPalette::AlternateBase, QColor(53, 53, 53));
    darkPalette.setColor(QPalette::ToolTipBase, Qt::white);
    darkPalette.setColor(QPalette::ToolTipText, Qt::white);
    darkPalette.setColor(QPalette::Text, Qt::white);
    darkPalette.setColor(QPalette::Button, QColor(53, 53, 53));
    darkPalette.setColor(QPalette::ButtonText, Qt::white);
    darkPalette.setColor(QPalette::BrightText, Qt::red);
    darkPalette.setColor(QPalette::Link, QColor(42, 130, 218));
    darkPalette.setColor(QPalette::Highlight, QColor(42, 130, 218));
    darkPalette.setColor(QPalette::HighlightedText, Qt::black);

    // Install this palette
    qApp->setPalette(darkPalette);
}

void Widget::on_lightPushButton_clicked()
{
    // To return to the light palette, 
    // it's enough to set the standard palette from the skin
    qApp->setPalette(style()->standardPalette());
}

Download archive with project

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.

Do you like it? Share on social networks!

b
  • June 28, 2017, 2:19 p.m.

It is possible that you upload the project please

With example.
Evgenii Legotckoi
  • June 28, 2017, 5:02 p.m.

Yes. Of course. But some later. I haven't got opportunity for this now.

Evgenii Legotckoi
  • July 1, 2017, 12:19 a.m.

I added archive with project. You will find it in the end of artcile.

b
  • July 3, 2017, 1:46 p.m.

thanks for the reply, great tutorial


Evgenii Legotckoi
  • July 3, 2017, 1:48 p.m.

No problem. If You need some advices, You can ask me and community of site on the forum .

s
  • Oct. 9, 2021, 6:26 p.m.

Добрый день, тема хоть и старая но попробую спросить...

У меня получается на лету менять стиль приложения если грузить style.css, а вот как обратно в стандарт никак, только после рестарта приложения. Есть варианты?

Evgenii Legotckoi
  • Oct. 11, 2021, 11:21 a.m.

Скорее всего можно выдернуть стиль с помощью QStyleFactory и установить его через

qApp->setStyle(QStyleFactory::create("windowsvista"));

Список доступных стилей можно получить через статический метод QStyleFactor::keys()

s
  • Oct. 12, 2021, 10:36 p.m.

Спасибо, завтра опробую и отпишусь по результату

s
  • Oct. 14, 2021, 9:27 p.m.

Добрый вечер, на "лету" не работает, только перезапуск

Comments

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

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:70points,
  • Rating points1
РК

Qt - Test 001. Signals and slots

  • Result:84points,
  • Rating points4
Last comments
k
kmssrFeb. 9, 2024, 5:43 a.m.
Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
EVA
EVADec. 25, 2023, 9:30 p.m.
Boost - static linking in CMake project under Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
J
JonnyJoDec. 25, 2023, 7:38 p.m.
Boost - static linking in CMake project under Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
G
GvozdikDec. 19, 2023, 8:01 a.m.
Qt/C++ - Lesson 056. Connecting the Boost library in Qt for MinGW and MSVC compilers Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Now discuss on the forum
BlinCT
BlinCTJune 25, 2024, 11 a.m.
Нарисовать кривую в qml Всем привет. Имеется Лист листов с тосками, точки получаны интерполяцией Лагранжа. Вопрос, как этими точками нарисовать кривую? ChartView отпадает сразу, в qt6.7 появился новый элемент…
Evgenii Legotckoi
Evgenii LegotckoiJune 25, 2024, 1:11 a.m.
добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
BlinCT
BlinCTMay 5, 2024, 3:46 p.m.
Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
Evgenii Legotckoi
Evgenii LegotckoiMay 3, 2024, 12:07 a.m.
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.
IscanderChe
IscanderCheApril 30, 2024, 2:22 p.m.
Во Flask рендер шаблона не передаётся в браузер Доброе утро! Имеется вот такой шаблон: <!doctype html><html> <head> <title>{{ title }}</title> <link rel="stylesheet" href="{{ url_…

Follow us in social networks