【qt】解决qt里编辑qss后失效问题（qt编码问题）

news2024/11/27 18:25:04

1、先创建qss文本stylesheet.qss
以按钮为例

QPushButton
{
    background-color:rgb(240,255,255);
    color: rgb(0, 0, 2);
    border-style: outset;
    border-color: beige;
    border-radius: 10px;
}
 
/* hover按钮悬浮，鼠标悬浮在按钮上的状态，按钮颜色 */
 QPushButton:hover 
{
    background-color:rgb(14, 220, 0);
    border-radius: 10px;
    color: rgb(0, 0, 0);
}
 
 /* 鼠标按下按钮时的状态，按钮颜色 */
QPushButton:checked 
{
    background-color:rgb(14, 170, 79);
    border-radius: 10px;
    color: rgb(255, 255, 0);
}

补充说明：
如果是手搓的控件，需要先设置名字：
例如“closeButton”。

QPushButton *closeBtn = new QPushButton();
closeBtn->setObjectName("closeButton");

qss里编辑：

QPushButton#closeButton {
    background-color: red;
    color: white;
}

2、创建qss资源模块，如下图的结构
在这里插入图片描述

3、使用qss，可以在main.cpp里或者子界面初始化地方填写

#include <QFile>

    /*****************************************/
    QString qss;
    QFile qssFile(":/qss/stylesheet.qss"); //文件编码选总是删除，可解决编辑qss失效问题    	
    qssFile.open(QFile::ReadOnly);
    if(qssFile.isOpen())
    {
        qss = QLatin1String(qssFile.readAll());
        qApp->setStyleSheet(qss);
        qssFile.close();
    }
    /*****************************************/