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

最新推荐文章于 2025-03-11 21:15:03 发布

原创

最新推荐文章于 2025-03-11 21:15:03 发布 · 3.2k 阅读

8 ·

CC 4.0 BY-SA版权

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

样式表文件以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);
}

新建工程如下