QT动态加载qss和rcc方式

准备工作

        1、编写QRC资源文件[window和linux通用]

        

2、通过rcc程序生成rcc资源文件

         生成二进制数据：

        通过控制台窗口执行以下命令，会把qrc中的资源文件写成二进制数据保存

 rcc.exe -binary .\resuorce.qrc -o .\resuorce.rcc 

        生成16进制数据：

        通过控制台窗口执行以下命令，会把qrc中的资源文件写成16进制数据保存

​​​​​​​rcc.exe .\resuorce.qrc -o .\resuorce.rcc

        以上方式选其一种方式生成rcc文件

3、编写qss文件

QLabel{
	background-color: transparent;
	border: 0px solid #298DFF;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 10pt;
}
QLabel#paramTitle{
	border-image: url(:/skin/rec/title_bk.png);
	border: 0px solid #298DFF;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 15pt;
}
QGroupBox{
	border-image: url(:/skin/rec/content_bk.png);
}
 
QWidget#CurstomPlot{
	border-image: url(:/skin/rec/center_content_bk.png);
}
QToolButton{
	font-size: 14pt;
	color:#FFFFFF;
	border-image: url(:/skin/rec/btn_cmd_no_sel.png);
}
QToolButton:hover{
	border-image: url(:/skin/rec/btn_cmd_hover.png);
}
QToolButton:pressed{
	border-image: url(:/skin/rec/btn_cmd_sel.png);
}
QPushButton{
	font-size: 14pt;
	color:#FFFFFF;
	border-image: url(:/skin/rec/btn_cmd_no_sel.png);
}
QPushButton:hover{
	border-image: url(:/skin/rec/btn_cmd_hover.png);
}
QPushButton:pressed{
	border-image: url(:/skin/rec/btn_cmd_sel.png);
}
QLineEdit {
	border: 1px solid #A0A0A0; 
	border-radius: 3px;
	padding-left: 5px;
	background-color: transparent;
	color: #FFFFFF;
	selection-background-color:rgba(39,114,166,0.8);
	selection-color: #FFFFFF;font-size: 15pt;
}
QTabBar::tab{
	width: 130px; 
	height:30px;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0 0 0 0;
}
QTabBar::tab:first:selected {
	border-image: url(:/skin/rec/tab_sel_first.png);
}
QTabBar::tab:first:!selected {
	border-image: url(:/skin/rec/tab_no_sel.png);
}
QTabBar::tab:middle:selected{
	border-image: url(:/skin/rec/tab_sel.png);
}
QTabBar::tab:middle:!selected{
	border-image: url(:/skin/rec/tab_no_sel.png);
}
QTabBar::tab:last:selected {
	border-image: url(:/skin/rec/tab_sel.png);
}
QTabBar::tab:last:!selected {
	border-image: url(:/skin/rec/tab_no_sel.png);
}
QTabWidget:pane{background-color: transparent;
	border-image: url(:/skin/rec/param_background.png);
}
QComboBox {
	color:#FFFFFF;
	font-size:18px;
	padding: 1px 15px 1px 3px;
	border:1px solid rgba(228,228,228,1);
	border-radius:2px 2px 2px 2px;
}
QComboBox QAbstractItemView{
	background:rgb(38,18,154);
	border:1px solid rgba(228,228,228,1);
	border-radius:1px 1px 1px 1px;
	font-size:18px;
	outline: 0px;
}
QComboBox QAbstractItemView::item{
	height:36px;
	color:#666666;
	padding-left:9px;
	background-color:#FFFFFF;
}
QComboBox QAbstractItemView::item:hover{
	background-color:#409CE1;
	color:#FFFFFF;
}
QComboBox QAbstractItemView::item:selected{
	background-color:#409CE1;
	color:#FFFFFF;
}
QTableWidget{
    background:transparent;
}
QTableWidget::item{
	font-size:16pt;
    color:rgba(255,255,255,150);
    background:transparent;
    text-align:center;
}
QTableWidget::item:hover{
    color:#FFFFFF;
    background:rgba(130,190,228,50);
}
QTableWidget::item:selected{
	color:#FFFFFF;
	border: 1px solid #A0A0A0; 
	border-radius: 0px;
	padding-left: 0px;
    background:rgba(130,190,228,100);
}
QHeaderView::section,QTableCornerButton:section{ 
    text-align:center;
    padding:3px; 
    margin:0px; 
    color:#FFFFFF; 
    border:1px solid #242424; 
    border-left-width:0px; 
    border-right-width:1px; 
    border-top-width:0px;
    border-bottom-width:1px; 
    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 rgba(130,190,228,150),stop:1 rgba(130,190,228,150));
 }
QHeaderView::section:selected{ 
    color:#FFFFFF; 
    border:1px solid #242424; 
 }
QScrollBar:vertical{ 
    width:20px;  
    border-style:flat;
    border-radius: 4px;
    border:0px;
    background:rgba(130,190,228,150);
} 
QScrollBar::handle:vertical{ 
    background: rgba(130,190,228,150)
    border-radius: 4px;
    width:20px; 
    min-height:20px; 
    border-style:flat;
}
QScrollBar::handle:vertical::hover{ 
    background: rgba(130,190,228,150);
    border-radius: 4px;
    width:20px; 
}
QScrollBar::handle:vertical::pressed{ 
    background: rgba(130,190,228,150);
    border-radius:4px;
    width:20px; 
}
QScrollBar::sub-page:vertical {
    background: rgba(130,190,228,200)
	border-style:flat;
}
QScrollBar::add-page:vertical {
	background: rgba(130,190,228,200)
	border-style:flat;
}
QScrollBar::add-line:vertical{
	background: rgba(130,190,228,200)
}
QScrollBar::sub-line:vertical {
	background: transparent;
}
QScrollBar:horizontal{ 
    height:20px;  
    border-style:flat;
    border-radius: 4px;
    border:0px;
	background:rgba(130,190,228,150);
} 
QScrollBar::handle:horizontal{ 
    background: rgba(130,190,228,150);
    border-radius: 4px;
    height:20px; 
    min-width:20px; 
    border-style:flat;
}
QScrollBar::handle:horizontal::hover{ 
    background: rgba(130,190,228,150);
    border-radius: 4px;
    height:20px; 
}
QScrollBar::handle:horizontal::pressed{ 
    background: rgba(130,190,228,200);
    border-radius:4px;
    height:20px; 
}
QScrollBar::sub-page:horizontal {
    background: rgba(130,190,228,200);
    border-style:flat;
}
QScrollBar::add-page:horizontal {
	background: rgba(130,190,228,200);
    border-style:flat;
}
QScrollBar::sub-line:horizontal {
	background: rgba(130,190,228,200);
}
QScrollBar::add-line:horizontal{
	background: rgba(130,190,228,200);
}
 
 

4、代码中加载rcc和qss文件设置效果

void loadSkin(const QString &path)
{
    QString resPath = path+"/resuorce.rcc";
    QString qssPath = path+"/style.qss";
    QResource::registerResource(resPath);
    QFile qss(qssPath);
    qss.open(QFile::ReadOnly);
    QByteArray qssBuf = qss.readAll();
    setStyleSheet(qssBuf);
    qss.close();
    QResource::unregisterResource(m_skinRecPath);
    m_skinRecPath = resPath;
}

以上我在自己的widget窗口上加载，也可以通过qApp->setStyleSheet(qssBuf);加载设置全局风格。

效果图：