One 、 establish qss Resource file

Add... Just like adding image resources , The suffix is changed to qss You can create a style sheet file

Default build file

Two 、 application qss File decoration interface control

Specific and detailed syntax reference network
Here is a qss file , Decorate the window that references the file

3、 ... and 、 quote qss File mode

One 、

    QFile file(":/style.qss");// Absolute path 

    /*  Judge whether the file exists  */
    if (file.exists() ) {
    
        /*  Open as read-only  */
        file.open(QFile::ReadOnly);
        /*  Save the read result as a string  */
        QString styleSheet = QLatin1String(file.readAll());
        /*  Set global style  */
        qApp->setStyleSheet(styleSheet);
        /*  Close file  */
        file.close();
    }

Two 、

CommonHelper::setStyleSheet
(":/misc/calculatorwidget/style/default.qss",
 this);

Four 、 If there are multiple same controls in the same interface , Different styles are required

Write in control

QLabel QLabel1;
QLabel QLabel2;
QLabel2.setObjectName(“backlight_icon”);

qss file

contact

Make a blog friend , Technology sharing, exchange and contact the author Q Group ：586025772