PyQt6界面美化

该文章已生成可运行项目,

最近,我在B站上频繁刷到许多创作者分享的Qt开发案例,那些精致流畅的UI界面令人眼前一亮——从渐变透明的悬浮按钮、动态图表仪表盘,到仿现代应用风格的深色主题设计,每一处细节都展现出Qt框架强大的可塑性。这让我萌生了动手尝试的念头,想要从零开始打造一个既实用又美观的界面。

作为一个新手,Qt Designer无疑是一个快速入门的利器。可以通过观看别人的视频,在慢慢动手跟着操作,后来,会发现画出来的界面其实还不错。

整个框架主要用的是QFrame、QLabel、QPushButton、VerticalSpacer。

要想制作一个好看的UI界面,需要先考虑整体架构,分成模块一步一步解决问题。

一.制作一个好看的模块

放入一个QFrame控件,接着,设置圆角、背景色、边框颜色等。这样,一个简单好看的模块就完成了

QFrame {
    background-color: #515151;  /* 设置背景色 */
    border: #ffffff;  /* 边框颜色 */
    border-radius: 20px;        /* 圆角半径 */
}

二.设置一个好看的字体

导入一个QLabel控件,写上“五条悟”。然后,点击三个小点选择字体大小、颜色。

这里还有很多功能,比如字体加粗、字体颜色、字体类型。大家多试几遍就熟了。

这里我要教的是大家怎样使用外部字体

iconfont-阿里巴巴矢量图标库

找到想要使用的字体“思源宋体”,输入“五条悟”。然后,点击代码引用,复制我们要用到的代码

右键,点击“改变样式表”

将刚才复制的代码粘贴进去,然后,看右上方的对象检查器。用“label_2”替换掉原来对象即可。

点击确定就完成了对外部字体的使用

这样,设置一个好看的字体就完成了。

三.怎么使用资源浏览器

做一个UI界面就缺少不了使用图标,在QTDesigner中,外部资源不能直接调用,于是乎就涉及到资源浏览器的使用。

点击“编辑资源”,会出现一个界面。

点击“新建资源”

找一个存放路径,随意取一个名字,再进行保存

先点击“新建”,再点击“打开文件”,将下载好的图标导入即可

怎么使用又是一个问题

重新导入一个QLabel控件,点击QWidget中styleSheet右边的三个小点

由于我们要使用图标,所以,我们点击“image”

我们打开存放.qrc文件的路径

打开存放路径,点击文件

随意点击一个即可

删除“TextLabel”即可

学会这几步,就足够做好一个简单的界面了

大家再多去学习一下布局就行了!!!加油!!!

本文章已经生成可运行项目
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值