当前位置: 首页 > news >正文

PyQt5

基于PyQt5的重绘机制实现加载页面

  • 效果预览
  • 代码说明
    • 控件初始化
    • 超时回调
    • 重绘事件
    • 缩放事件
  • 代码获取

效果预览

直接看图,效果展现为跟随黑点顺时针转动,且有明暗变化
在这里插入图片描述

代码说明

控件初始化

initUI主要用于初始化用户界面(UI)。它创建了一个具有特定样式、占位文本、只读属性的文本框,设置了初始字体大小,初始化了一个颜色列表,并创建了一个定时器用于触发部件重绘事件。

    def initUI(self):self.text_edit = QTextEdit(self)                                        # 创建一个文本框'''加粗斜体无边框'''self.text_edit.setStyleSheet("font-style: italic; font-weight: bold; border: none; background-color: rgba(0, 0, 0, 0);")self.text_edit.setPlaceholderText(self.__wait_info())                   # 文本框内容self.text_edit.setReadOnly(True)                                        # 只读'''设置初始字体大小'''self.font = QFont()self.font.setPointSize(1)self.text_edit.setFont(self.font)'''初始化RGB列表'''self.color = []for angle in range(0, 18):self.color.append(14 * angle)'''初始化定时器用于出发部件重绘事件'''self.timer = QTimer(self)self.timer.timeout.connect(self.update_color)self.timer.start(100)
  • self.color用于存储颜色值,通过for循环,将一系列值(14 的倍数,从 0 到 14*17)添加到颜色列表中
  • self.timer 用于更新颜色,固定超时时间为每 100 毫秒触发一次超时信号

超时回调

  • 拼接 self.color[1:]self.color[:1]
  • self.update 触发部件的重绘
    def update_color(self):'''更新RGB队列 模拟颜色变换'''self.color = self.color[1:] + self.color[:1]'''触发部件重绘:触发paintEvent事件,从而导致部件重新绘制自身'''self.update()

重绘事件

  • self.__get_radius() 用于获取圆形的半径(根据窗口的大小动态计算)
  • for angle in range(0, 18) 绘制18个点以组成圆型
  • self.__paint_dot 用于在指定坐标绘制点
    def __paint_circle(self):'''计算当前窗口的中心坐标'''__center_x = self.width() // 2__center_y = self.height() // 2'''更新半径,跟随窗口大小变化而变化'''__radius = self.__get_radius()for angle in range(0, 18):'''计算绘制坐标'''__x = __center_x + int(__radius * math.cos(math.radians(20 * (18 - angle))))__y = __center_y + int(__radius * math.sin(math.radians(20 * (18 - angle))))'''绘制点 点的颜色根据self.color的值进行变换'''self.__paint_dot(__x, __y, self.color[angle])'''重写基类的重绘事件'''def paintEvent(self, event):'''用于自定义部件的外观绘制'''self.__paint_circle()

缩放事件

为了使UI更友好,我们可以重写基类的resizeEvent事件,使圆型可以根据窗口的大小自动变化大小

    def resizeEvent(self, event):'''当窗口或部件的大小发生改变时,resizeEvent方法会被自动调用''''''setGeometry 调整窗口部件的位置和大小'''__center_x = self.width() // 2__center_y = self.height() // 2											# 计算窗口的中心坐标__font_size = min(event.size().width(), event.size().height()) // 45	# 根据窗口的新尺寸计算字体大小__new_w = len(self.__wait_info()) * __font_size							# 计算文本框的新宽度'''计算文本框的新位置坐标'''__new_x =  __center_x - __new_w // 2__new_y = __center_y + self.__get_radius() + 10'''使用setGeometry方法设置文本框的新位置和大小'''self.text_edit.setGeometry(__new_x,__new_y,__new_w,int(__font_size * 2.7))'''调整字体大小'''self.font.setPointSize(__font_size)self.text_edit.setFont(self.font)

在缩放事件产生时,会自动触发重绘事件

代码获取

请从我的资源获取

http://www.lryc.cn/news/481746.html

相关文章:

  • 【Linux】常用命令(2.6万字汇总)
  • Vue3-06_路由
  • 物理验证Calibre LVS | SMIC Process过LVS时VNW和VPW要如何做处理?
  • 量化分析工具日常操作日记-5-通合科技
  • windows和linux验证MD5码方式
  • 构造函数原型对象语法、原型链、原型对象
  • 鸿蒙UI开发——自定义UI绘制帧率
  • 鸿蒙基本组件结构
  • 柔性鞋材振动刀智能视觉裁切机市场报告:未来几年年复合增长率CAGR为5.4%
  • 【计算机网络】基础知识,常识应用知识
  • 【Linux进程篇1】认识冯·诺依曼体系结构(引出进程详解)
  • 使用iviewui组件库的坑
  • 高级sql使用技巧
  • 403 Request Entity Too Lager(请求体太大啦)
  • Flutter 正在切换成 Monorepo 和支持 workspaces
  • 小白初入Android_studio所遇到的坑以及怎么解决
  • NetCore使用Aop和内存缓存对接口、方法进行数据缓存
  • playwright学习记录2--定位方式
  • 响应式网页设计--html
  • C#核心(8) 静态成员
  • 关于git使用的图文教程(包括基本使用,处理冲突问题等等)超详细
  • Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
  • redis集群介绍
  • JDK中常用的包有哪些?
  • 校园官网练习---web
  • MySQL中指定字段的某个值排在前面
  • 【51单片机】I2C总线详解 + AT24C02
  • 直接插入排序法
  • mysql中InnoDB索引与MyISAM索引
  • Redis如何保证数据不丢失(可靠性)