Qt-Qss:自定义界面引入qss

最新推荐文章于 2024-08-19 00:03:50 发布

cammyn

最新推荐文章于 2024-08-19 00:03:50 发布

阅读量2.1k

点赞数

分类专栏： QT 文章标签： qt-qss-自定义

本文链接：https://blog.csdn.net/cammyn/article/details/52044305

版权

QT 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

说明

使用前需要添加一个资源文件如:demo.qrc,然后吧css.qss文件引入进去

效果

鼠标移动到左边按钮
鼠标按下到左边按钮

源码

css.qss

QPushButton{
color : solid gray;
border: 2px solid gray;
border-radius: 5px;
background: transparent;
padding: 0px;
text-align : center ;
}
QPushButton#start1:pressed{
background-color:rgba(150,150,50,200);
}
QPushButton:hover{
background-color:rgba(150,50,50,200);
}

subPage.h

class subPage : public QWidget
{
    Q_OBJECT
public:
    explicit subPage(QWidget *parent = 0);
public:
    QPushButton *start1;
    QPushButton *start2;
};

subPage.cpp

start1 = new QPushButton(this);
start1->setFixedSize(50,30);
start1->setText(QStringLiteral("左边"));
//如果不设置对象名称，那么在css.qss是找不到的
start1->setObjectName("start1");
start2 = new QPushButton(this);
start2->setFixedSize(50,30);
start2->setText(QStringLiteral("右边"));
QHBoxLayout *hl = new QHBoxLayout();
hl->addWidget(start1);
hl->addWidget(start2);
this->setLayout(vl1);
this->resize(1000,800);

main.cpp

#include <QApplication>
#include <QFile>
#include "subpage.h"
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    //引入qss文件
    QFile qss(":/qss/css.qss");
    qss.open(QFile::ReadOnly);
    if(qss.isOpen())
    {
        qApp->setStyleSheet(qss.readAll());
        qss.close();
    }
    subPage *subpage = new subPage();
    subpage->showNormal();
    return a.exec();
}