Qt通过样式表一键换皮肤风格

conquerwave

于 2016-03-24 21:47:31 发布

阅读量3.1k

点赞数 3

分类专栏： qt

本文链接：https://blog.csdn.net/conquerwave/article/details/50975416

版权

本文介绍如何在Qt应用中通过使用QSS样式表实现一键更换皮肤功能。创建sample.qss文件，然后在Qt工程中添加按钮，点击按钮时触发样式表的加载，实现界面风格的改变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

样式表文件以qss为后缀

新建sample.qss文件

QMainWindow{
    //背景图
    background-image:url(:/image/test.jpg);
}

QPushButton{
    //背景色
    background-color: rgba(100, 225, 100, 30);
    //边框样式
    border-style:outset;
    //边框宽度
    border-width:4px;
    //边框圆角半径
    border-radius:10px;
    //边框颜色
    border-color: rgba(255, 255, 255, 30);
    //字体
    font:bold 14px;
    //字体颜色
    color:rgba(0, 0, 0, 100);
    //填衬
    padding:6px;
}
//鼠标悬停时
QPushButton:hover{
    background-color: rgba(100, 255, 100, 100);
    border-color: rgba(255, 255, 255, 200);
    color: rgba(0, 0, 0, 200);
}
//被按下时
QPushButton:pressed{
    background-color: rgba(100, 255, 100, 200);
    border-color: rgba(255, 225, 255, 30);
    border-style:inset;
    color: rgba(0, 0, 0, 100);
}

新建工程如下