哈喽,大家好,我是西哥
,今天逛Github的时候,看到了一个宝藏项目,效果那是非常棒!看到效果的时候,我的内心是这样的。
话不多说,先给大伙上效果演示,演示视频如下:
这是一个Flutter 实现的时钟UI效果,Github地址:
https://github.com/miickel/flutter_particle_clock
它源于Flutter Clock Challenge
(Flutter和联想举办的为联想智能手表构建漂亮UI的挑战活动),获奖项目就有flutter_particle_clock
。
作者通过Flutter自定义Canvas和动画,实现了一个漂亮的粒子时钟效果,同时,时钟的外观跟随着时间的改变而变化。
该项目还有如下亮点
:
随机选择调色板(以随时间改变外观),同时始终保持可读性。
通过按亮度过滤背景色,它支持普通模式
和暗黑模式
支持缩放以适合可用的屏幕空间,并相应地调整计算和渲染。
在现代设备上至少为60 FPS。
时钟表盘外观是粒子的不断移动,使观看变得更有趣。
这个效果不光是只有Flutter实现,也有一个Jetpack Compose实现的版本。作者是adibfara
,Github地址为:
https://github.com/adibfara/ComposeClock
它的灵感来自于前面的Flutter版本,使用Google最新发布的响应式现代UI框架Jetpack Compose来实现。
效果也非常棒,几乎是一模一样。如下:
感兴趣的可以去看看源代码,学习一下。
---END---
更文不易,点个“在看”支持一下👇