Python 一步一步教你用pyglet仿制鸿蒙系统里的时钟

2024-03-09 21:12
文章标签 python 时钟 系统 一步 鸿蒙 仿制 教你用 pyglet

本文主要是介绍Python 一步一步教你用pyglet仿制鸿蒙系统里的时钟，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

鸿蒙时钟

1. 绘制圆盘

2. 创建表类

3. 绘制刻度

4. 刻度数值

5. 添加指针

6. 转动指针

7. 联动时间

8. 时钟走动

鸿蒙时钟

本篇将用python pyglet库复刻华为手机鸿蒙系统闹钟程序的时钟，先在上图中抓取出时分秒针及刻度、表盘的颜色RGB值：

bHour = (42, 43, 48, 255)
bMinute = (70, 71, 75, 255)
rSecond = (240, 70, 20, 255)
gScale = 215, 220, 230
wBackground = 248, 250, 252

1. 绘制圆盘

首先要画一圆Circle，并用直线Line等分成60份。

        self.circle = pyglet.shapes.Circle(x, y, R, color=wBackground, batch=batch)
        self.scales = [pyglet.shapes.Line(x, y, x+R*cos(i*Pi/30), y+R*sin(i*Pi/30),
                            width=2, color=gScales, batch=batch) for i in range(60)]

直线除圆心外的另一端点的坐标计算公式，如下图所示：

代码：

import pyglet
from math import pi, sin, coswindow = pyglet.window.Window(800, 500, caption='圆盘')
pyglet.gl.glClearColor(1, 1, 1, 1)
batch = pyglet.graphics.Batch()R = 200
wBackground = 248, 250, 252
gScales = 215, 220, 230class Watch:def __init__(self, x, y):self.circle = pyglet.shapes.Circle(x, y, R, color=wBackground, batch=batch)self.scales = [pyglet.shapes.Line(x, y, x+R*cos(i*pi/30), y+R*sin(i*pi/30),width=2, color=gScales, batch=batch) for i in range(60)]@window.event
def on_draw():window.clear()batch.draw()watch = Watch(window.width/2, window.height/2)pyglet.app.run()

2. 创建表类

改造这个Watch类，可设置圆心和半径，并让它成为pyglet.window.Window的子类。

import pyglet
from math import sin, cos, piwBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='圆盘'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R,  color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x, y, x+R*cos(i*pi/30), y+R*sin(i*pi/30),  width=2, color=gScales, batch=self.batch) for i in range(60)]def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(500, 300, 150)
watch.run()

3. 绘制刻度

扩大圆面并缩短和加粗直线，表盘和刻度的大致轮廓就出现了。

代码： 

import pyglet
from math import sin, cos, piwBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='刻度'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05,  color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i, scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

4. 刻度数值

在整点的刻度值边上用标签标注上1~12的数字。

self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=24, color=(0,0,0,255),
                        x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)+5, anchor_x='center', 
                        anchor_y='center', batch=self.batch) for i in range(12)]

代码：

import pyglet
from math import sin, cos, piwBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)
rSecond = (240, 70, 20, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='指针'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05, color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i,scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=R*0.12, color=(0,0,0,255),x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)-R*0.06, anchor_x='center',batch=self.batch) for i in range(12)]def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

5. 添加指针

时、分、秒针，用三个圆三条直线来表示。

        self.circle1 = pyglet.shapes.Circle(x, y, R*0.08, color=bHour)
        self.hour = pyglet.shapes.Line(x, y, x+R*0.7, y, width=9, color=bHour)
        self.minute = pyglet.shapes.Line(x, y, x+R*0.9, y, width=7, color=bMinute)
        self.second = pyglet.shapes.Line(x, y, x+R*1.1, y, width=5, color=rSecond)
        self.circle2 = pyglet.shapes.Circle(x, y, R*0.05, color=rSecond)
        self.circle3 = pyglet.shapes.Circle(x, y, R*0.02, color=wWhite)

不用担心秒针长过表盘圆面，转动前会作“移动”处理。

代码：

import pyglet
from math import sin, cos, piwBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)
rSecond = (240, 70, 20, 255)
bMinute = (70, 71, 75, 255)
bHour   = (42, 43, 48, 255)
wWhite  = (255, 255, 255, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='指针'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05, color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i,scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=R*0.12, color=(0,0,0,255),x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)-R*0.06, anchor_x='center',batch=self.batch) for i in range(12)]self.circle1 = pyglet.shapes.Circle(x, y, R*0.08, color=bHour, batch=self.batch)self.hour = pyglet.shapes.Line(x, y, x+R*0.7, y, width=9, color=bHour, batch=self.batch)self.minute = pyglet.shapes.Line(x, y, x+R*0.9, y, width=7, color=bMinute, batch=self.batch)self.second = pyglet.shapes.Line(x, y, x+R*1.1, y, width=5, color=rSecond, batch=self.batch)self.circle2 = pyglet.shapes.Circle(x, y, R*0.05, color=rSecond, batch=self.batch)self.circle3 = pyglet.shapes.Circle(x, y, R*0.02, color=wWhite, batch=self.batch)def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

6. 转动指针

时、分、秒针的转动运用Line控件的旋转属性.rotation，这种方法要比修改端点坐标要方便。

默认的旋转中心是直线的左端点，属性.anchor_position可以修改中心坐标。

        self.second.anchor_position = (R*0.1, 0)
        self.second.rotation = 210
        self.minute.rotation = 24
        self.hour.rotation = 160

代码：

import pyglet
from math import sin, cos, piwBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)
rSecond = (240, 70, 20, 255)
bMinute = (70, 71, 75, 255)
bHour   = (42, 43, 48, 255)
wWhite  = (255, 255, 255, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='指针'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05, color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i,scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=R*0.12, color=(0,0,0,255),x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)-R*0.06, anchor_x='center',batch=self.batch) for i in range(12)]self.circle1 = pyglet.shapes.Circle(x, y, R*0.08, color=bHour, batch=self.batch)self.hour = pyglet.shapes.Line(x, y, x+R*0.7, y, width=9, color=bHour, batch=self.batch)self.minute = pyglet.shapes.Line(x, y, x+R*0.9, y, width=7, color=bMinute, batch=self.batch)self.second = pyglet.shapes.Line(x, y, x+R*1.1, y, width=5, color=rSecond, batch=self.batch)self.circle2 = pyglet.shapes.Circle(x, y, R*0.05, color=rSecond, batch=self.batch)self.circle3 = pyglet.shapes.Circle(x, y, R*0.02, color=wWhite, batch=self.batch)self.second.anchor_position = (R*0.1, 0)self.second.rotation = 210self.minute.rotation = 24self.hour.rotation = 160def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

7. 联动时间

联动系统时钟，使用datetime.now()获取当前时间的时、分、秒的值。

        now = datetime.now()
        h, m, s = now.hour, now.minute, now.second
        self.second.rotation = -90 + s*6
        self.minute.rotation = -90 + m*6 + s/10
        self.hour.rotation = -90 + h%12*30 + m/2

代码：

import pyglet
from math import sin, cos, pi
from datetime import datetimewBackground = (248, 250, 252, 255)
gScales = (215, 220, 230, 255)
rSecond = (240, 70, 20, 255)
bMinute = (70, 71, 75, 255)
bHour   = (42, 43, 48, 255)
wWhite  = (255, 255, 255, 255)class Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='指针'): super().__init__(width, height, caption=caption)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05, color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i,scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=R*0.12, color=(0,0,0,255),x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)-R*0.06, anchor_x='center',batch=self.batch) for i in range(12)]self.circle1 = pyglet.shapes.Circle(x, y, R*0.08, color=bHour, batch=self.batch)self.hour = pyglet.shapes.Line(x, y, x+R*0.7, y, width=9, color=bHour, batch=self.batch)self.minute = pyglet.shapes.Line(x, y, x+R*0.9, y, width=7, color=bMinute, batch=self.batch)self.second = pyglet.shapes.Line(x, y, x+R*1.1, y, width=5, color=rSecond, batch=self.batch)self.circle2 = pyglet.shapes.Circle(x, y, R*0.05, color=rSecond, batch=self.batch)self.circle3 = pyglet.shapes.Circle(x, y, R*0.02, color=wWhite, batch=self.batch)self.second.anchor_position = (R*0.1, 0)self.update()def update(self):now = datetime.now()h, m, s = now.hour, now.minute, now.secondself.second.rotation = -90 + s*6self.minute.rotation = -90 + m*6 + s/10self.hour.rotation = -90 + h%12*30 + m/2def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

8. 运行时钟

使用pyglet.clock.schedule_interval(self.update, 0.2)每秒更新5次。

总得来说，本次复刻比较完美，但直线控件在非水平或垂直状态，特别是小夹角时锯齿很严重。

完整代码：

import pyglet
from math import sin, cos, pi
from datetime import datetimeclass Watch(pyglet.window.Window):  def __init__(self, x, y, R=200, width=800, height=500, caption='时钟'): super().__init__(width, height, caption=caption)wBackground = (248, 250, 252, 255)gScales = (215, 220, 230, 255)rSecond = (240, 70, 20, 255)bMinute = (70, 71, 75, 255)bHour   = (42, 43, 48, 255)wWhite  = (255, 255, 255, 255)pyglet.gl.glClearColor(1, 1, 1, 1)self.batch = pyglet.graphics.Batch()self.circle = pyglet.shapes.Circle(x, y, R*1.05, color=wBackground, batch=self.batch)self.scales = [pyglet.shapes.Line(x+R*cos(i*pi/30), y+R*sin(i*pi/30),x+R*0.95*cos(i*pi/30), y+0.95*R*sin(i*pi/30),width=3, color=gScales, batch=self.batch) for i in range(60)]for i,scale in enumerate(self.scales):if i%5==0:scale.width, scale.x2, scale.y2 = 5, x+R*0.92*cos(i*pi/30), y+0.92*R*sin(i*pi/30)self.labels = [pyglet.text.Label(str((2-i)%12+1), font_size=R*0.12, color=(0,0,0,255),x=x+R*0.82*cos(i*pi/6), y=y+0.82*R*sin(i*pi/6)-R*0.06, anchor_x='center',batch=self.batch) for i in range(12)]self.circle1 = pyglet.shapes.Circle(x, y, R*0.08, color=bHour, batch=self.batch)self.hour = pyglet.shapes.Line(x, y, x+R*0.7, y, width=9, color=bHour, batch=self.batch)self.minute = pyglet.shapes.Line(x, y, x+R*0.9, y, width=7, color=bMinute, batch=self.batch)self.second = pyglet.shapes.Line(x, y, x+R*1.1, y, width=5, color=rSecond, batch=self.batch)self.circle2 = pyglet.shapes.Circle(x, y, R*0.05, color=rSecond, batch=self.batch)self.circle3 = pyglet.shapes.Circle(x, y, R*0.02, color=wWhite, batch=self.batch)self.second.anchor_position = (R*0.1, 0)self.update(self.event)pyglet.clock.schedule_interval(self.update, 0.2)def update(self, event):now = datetime.now()h, m, s = now.hour, now.minute, now.secondself.second.rotation = -90 + s*6self.minute.rotation = -90 + m*6 + s/10self.hour.rotation = -90 + h%12*30 + m/2def on_draw(self):self.clear()self.batch.draw()def run(self):pyglet.app.run()watch = Watch(400, 250)
watch.run()

完

这篇关于Python 一步一步教你用pyglet仿制鸿蒙系统里的时钟的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/791956。

相关文章

Python将博客内容html导出为Markdown格式

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞？二、准备如何搞？三、说搞咱就搞！抓取文章提取内容构建html转存markdown
阅读更多...
Python获取中国节假日数据记录入JSON文件

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢？我尝试一种更为智能的方法：P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验，
阅读更多...
Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整
阅读更多...
Python Websockets库的使用指南

Python Websockets库的使用指南

《PythonWebsockets库的使用指南》pythonwebsockets库是一个用于创建WebSocket服务器和客户端的Python库,它提供了一种简单的方式来实现实时通信,支持异步和同步... 目录一、WebSocket 简介二、python 的 websockets 库安装三、完整代码示例1.
阅读更多...
揭秘Python Socket网络编程的7种硬核用法

揭秘Python Socket网络编程的7种硬核用法

《揭秘PythonSocket网络编程的7种硬核用法》Socket不仅能做聊天室,还能干一大堆硬核操作,这篇文章就带大家看看Python网络编程的7种超实用玩法,感兴趣的小伙伴可以跟随小编一起... 目录1.端口扫描器：探测开放端口2.简易 HTTP 服务器：10 秒搭个网页3.局域网游戏：多人联机对战4.
阅读更多...
使用Python实现快速搭建本地HTTP服务器

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》：本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.
阅读更多...
Linux系统中卸载与安装JDK的详细教程

Linux系统中卸载与安装JDK的详细教程

《Linux系统中卸载与安装JDK的详细教程》本文详细介绍了如何在Linux系统中通过Xshell和Xftp工具连接与传输文件,然后进行JDK的安装与卸载,安装步骤包括连接Linux、传输JDK安装包... 目录1、卸载1.1 linux删除自带的JDK1.2 Linux上卸载自己安装的JDK2、安装2.1
阅读更多...
Python使用自带的base64库进行base64编码和解码

Python使用自带的base64库进行base64编码和解码

《Python使用自带的base64库进行base64编码和解码》在Python中,处理数据的编码和解码是数据传输和存储中非常普遍的需求,其中,Base64是一种常用的编码方案,本文我将详细介绍如何使... 目录引言使用python的base64库进行编码和解码编码函数解码函数Base64编码的应用场景注意
阅读更多...
Python基于wxPython和FFmpeg开发一个视频标签工具

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优
阅读更多...
Python如何使用__slots__实现节省内存和性能优化

Python如何使用__slots__实现节省内存和性能优化

《Python如何使用__slots__实现节省内存和性能优化》你有想过,一个小小的__slots__能让你的Python类内存消耗直接减半吗,没错,今天咱们要聊的就是这个让人眼前一亮的技巧,感兴趣的... 目录背景：内存吃得满满的类__slots__：你的内存管理小助手举个大概的例子：看看效果如何？1.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2