8

My Qt application has a large stylesheet with lots of margins, pixels and other stuff directly based on and related to drawing and graphics. I would be happy to give all that stuff to the designer, but the stylesheet is kept within the .ui file which is not convenient for the designer; she'd prefer to see a separate file and edit it using her usual tools.

What I want is moving the stylesheet to an external .qss file, adding that file to the program resources and linking it to the .ui file, so the stylesheet would be compiled and used by the widget automatically, and the application wouldn't have to keep the stylesheet file and load it at runtime.

How to achieve that?

Alexander Dunaev
  • 980
  • 1
  • 15
  • 40

2 Answers2

14

Copy all your styles into a file and rename it to something like stylesheet.qss Then include it in your qrc file as a new resource item. You can simply do this by editing your qrc file, if you already have one. Refer documentation on how to add a new resource.

Then modify your code like this to read the content of the qss file at run time and apply styles to your application.

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QFile file(":/stylesheet.qss");
    if(file.open(QIODevice::ReadOnly | QIODevice::Text))
    {
        a.setStyleSheet(file.readAll());
        file.close();
    }

    MainWindow w;
    w.show();

    return a.exec();
}

Note: when you do a change in the stylesheet.qss, you have to compile the qrc file for changes to take effect.

warunanc
  • 2,221
  • 1
  • 23
  • 40
  • This ressource is very usefull too: [https://www.youtube.com/watch?v=sWIQIi4lg58](https://www.youtube.com/watch?v=sWIQIi4lg58) – nono Jan 18 '15 at 10:54
  • Not sure why, but code above didn't worked for me (Qt 5.9.1). I converted QByteString to the QString and everything working now: `QString style(file.readAll()); a.setStyleSheet(style);` – semanser Sep 29 '17 at 07:57
5

I set the stylesheet when the application is run from an external file. Also, for the designer we added a button to 'reload stylesheet'. This way the designer can modify the file and try the changes immediately.

For example:

QFile styleFile("stylesheet.qss");
styleFile.open(QFile::ReadOnly);
QByteArray bytes = styleFile.readAll();
QApplication *app = (QApplication*)QApplication::instance();
app->setStyleSheet(newStyleSheet);
Klathzazt
  • 2,415
  • 19
  • 27