PySide2_Circular_ProgressBar:一个使用 Python PySide2 打造的现代化圆形进度条图形界面

文摘   2024-11-11 00:03   湖南  

本文将详细介绍一个使用 Python 的 PySide2 模块打造现代化图形界面的项目:Python_PySide2_Circular_ProgressBar_Modern_GUI,该项目以圆形进度条为核心,并拥有简洁美观的 Flat/Modern 风格界面。

项目概述

该项目以 CPU、GPU、RAM 资源使用率为展示对象,分别构建了三个圆形进度条,并通过滑块实时控制进度值。整个界面设计简洁,采用深色背景和鲜艳的进度条颜色,呈现出时尚现代的视觉风格。

代码结构

项目代码结构清晰明了,主要分为以下部分:

  1. 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. 1. 安装 PySide2 模块:pip install PySide2

    2. 2. 下载项目代码:git clone https://github.com/Wanderson-Magalhaes/Python_PySide2_Circular_ProgressBar_Modern_GUI

    3. 3. 运行主文件:python main.py

    该项目是一个使用 PySide2 模块构建现代 GUI 的优秀示例,可以作为学习参考,并在此基础上进行个性化定制和扩展。

    项目地址:https://github.com/Wanderson-Magalhaes/Python_PySide2_Circular_ProgressBar_Modern_GUI


    小白这样学Python
    专注Python编程开发知识分享!
     最新文章