最近,我在B站上频繁刷到许多创作者分享的Qt开发案例,那些精致流畅的UI界面令人眼前一亮——从渐变透明的悬浮按钮、动态图表仪表盘,到仿现代应用风格的深色主题设计,每一处细节都展现出Qt框架强大的可塑性。这让我萌生了动手尝试的念头,想要从零开始打造一个既实用又美观的界面。
作为一个新手,Qt Designer无疑是一个快速入门的利器。可以通过观看别人的视频,在慢慢动手跟着操作,后来,会发现画出来的界面其实还不错。
整个框架主要用的是QFrame、QLabel、QPushButton、VerticalSpacer。
要想制作一个好看的UI界面,需要先考虑整体架构,分成模块一步一步解决问题。
一.制作一个好看的模块
放入一个QFrame控件,接着,设置圆角、背景色、边框颜色等。这样,一个简单好看的模块就完成了
QFrame {
background-color: #515151; /* 设置背景色 */
border: #ffffff; /* 边框颜色 */
border-radius: 20px; /* 圆角半径 */
}

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

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

这里我要教的是大家怎样使用外部字体
找到想要使用的字体“思源宋体”,输入“五条悟”。然后,点击代码引用,复制我们要用到的代码

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

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

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

这样,设置一个好看的字体就完成了。
三.怎么使用资源浏览器
做一个UI界面就缺少不了使用图标,在QTDesigner中,外部资源不能直接调用,于是乎就涉及到资源浏览器的使用。
点击“编辑资源”,会出现一个界面。

点击“新建资源”

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

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

怎么使用又是一个问题
重新导入一个QLabel控件,点击QWidget中styleSheet右边的三个小点

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

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

打开存放路径,点击文件

随意点击一个即可



删除“TextLabel”即可

学会这几步,就足够做好一个简单的界面了
大家再多去学习一下布局就行了!!!加油!!!
799





