本文将详细介绍一个使用 Python 的 PySide2 模块打造现代化图形界面的项目:Python_PySide2_Circular_ProgressBar_Modern_GUI,该项目以圆形进度条为核心,并拥有简洁美观的 Flat/Modern 风格界面。
项目概述
该项目以 CPU、GPU、RAM 资源使用率为展示对象,分别构建了三个圆形进度条,并通过滑块实时控制进度值。整个界面设计简洁,采用深色背景和鲜艳的进度条颜色,呈现出时尚现代的视觉风格。
代码结构
项目代码结构清晰明了,主要分为以下部分:
1.
MainWindow
类:
• 标题栏(包含标题、最小化、最大化、关闭按钮)
• 三个圆形进度条区域(每个区域包含背景圆、进度圆、信息显示区域)
• 三个滑块(分别用于控制 CPU、GPU、RAM 进度)
• 状态栏(显示一句励志格言)
• 该类继承自
QtWidgets.QMainWindow
,是主窗口类,负责构建整个界面。•
setupUi
函数用于初始化界面元素,包括:•
retranslateUi
函数用于设置界面元素的文本信息。
2. UI 元素定义:
• 项目使用 Qt Designer 设计界面,并通过
Ui_MainWindow
类将其转换为 Python 代码。• 每个 UI 元素都定义了样式属性,例如背景色、边框、字体等,以实现现代化的视觉效果。
3. 圆形进度条实现:
• 项目使用
QFrame
组件模拟圆形进度条,通过设置QFrame
的样式属性background-color
来控制进度条颜色。•
QconicalGradient
用于创建圆形渐变效果,通过设置stop
属性来控制进度条的填充范围,从而实现进度展示。
代码示例
以下代码展示了 CPU 进度条的样式设置:
self.circularProgressCPU.setStyleSheet(u"QFrame{\
"
" border-radius: 110px; \
"
" background-color: qconicalgradient(cx:0.5, cy:0.5, angle:90, stransform: translateY(0.400 rgba(85, 170, 255, 255), stop:0.395 rgba(255, 255, 255, 0));\
"
"}")
项目亮点
• 使用 PySide2 模块打造现代化界面,拥有简洁美观的外观。
• 通过原生 QWidgets 实现圆形进度条,代码简洁易懂。
• 利用样式表设置界面元素的视觉效果,可定制性强。
• 提供了滑块交互功能,可实时调整进度值。
使用说明
1. 安装 PySide2 模块:
pip install PySide2
2. 下载项目代码:
git clone https://github.com/Wanderson-Magalhaes/Python_PySide2_Circular_ProgressBar_Modern_GUI
3. 运行主文件:
python main.py
该项目是一个使用 PySide2 模块构建现代 GUI 的优秀示例,可以作为学习参考,并在此基础上进行个性化定制和扩展。
项目地址:https://github.com/Wanderson-Magalhaes/Python_PySide2_Circular_ProgressBar_Modern_GUI