Qt UI界面美化

关于QSS

除原生界面外,Qt提供了加载配置文件的方式来自定义和美化界面外观,这个配置文件也叫做样式表(QSS:Qt Style Sheets),它的语法与css类似,具体支持属性可参考官方文档

编写QSS文件

新建一个文件命名为MyStyleSheet.qss,填入样式属性代码

QPushButton{
    border-radius: 6px;
    background-color: rgb(165,165,165);
}

加载QSS文件

在类初始化代码中读取文件内容并导入样式

QFile qssFile("MyStyleSheet.qss");
qssFile.open(QFile::ReadOnly);
if(qssFile.isOpen())
{
    QString qss = QLatin1String(qssFile.readAll());
    qApp->setStyleSheet(qss);
    qssFile.close();
}

辅助工具

除了自己手写QSS外我们还可以直接使用QSS Editor软件来辅助生成样式文件,这个工具提供了所见及所得的实时预览与代码编辑界面。软件下载地址sourceforge

其次,也可借鉴一些别人调好的样式,代码仓库链接下载代码,使用 QSS Editor 工具调整到自己想要的美化效果。

添加程序图标

.prp文件末添加语句RC_ICONS = logo.ico

posted @ 2020-09-08 14:57  派大海星  阅读(6349)  评论(0编辑  收藏  举报