FlowEyeCare — HarmonyOS NEXT 原生呼吸专注应用

技术信息

语言技术
TypeScript、Canvas、ArkTS、HarmonyOS系统类型
HarmonyOS应用行业分类
医疗健康、教育校园

作品详情

行业场景

立项原因：长时间屏幕工作与学习导致注意力碎片化与视觉疲劳，市面专注计时工具普遍缺少呼吸引导与护眼提醒，且 HarmonyOS 生态侧原生体验欠缺。本项目旨在解决屏幕人群"坐不住、眼易累"的问题，提供鸿蒙原生的专注计时+呼吸引导+护眼提醒一体化方案。行业场景：面向学生、职场人与长时间屏幕使用者的效率工具需求，可扩展至企业员工护眼关怀、青少年视力保护等场景。

功能介绍

1. 专注计时：25/30/45/60 分钟档+自定义，专注/休息/暂停状态机，墙钟补算后台运行零漂移；2. 呼吸动画：自绘 Canvas 八瓣莲花，逐帧插值驱动绽放/收拢，配合吸气/屏息/呼出引导；3. 护眼模式：独立绿色场景+20-20-20 望远微提醒；4. 后台提醒：reminderAgentManager+通知双通道，应用退后台或关闭后提醒仍可达；5. 工程完整：preferences 持久化、备份恢复、沉浸式窗口、ArkTS 严格模式零第三方依赖。

项目实现

我独立负责全部工作：需求定义、ArkTS 严格模式编码、自绘 Canvas 动画引擎、后台提醒链路、性能治理，以及模拟器/真机验证。技术栈：HarmonyOS NEXT API 24 + ArkUI V1 声明式 + Canvas 2D，零第三方依赖。架构：专注/休息/暂停会话状态机，emitter 前后台事件配合时间戳墙钟补算，保证退后台多久计时都不漂移；调色板抽象（LotusPalette/ThemeManager）解耦 UI 与渲染层。亮点与难点：八瓣莲花呼吸动画用逐帧插值替代声明式动画，解决 Canvas 缩放跳变；reminderAgentManager + 通知双通道保证应用退后台甚至被关闭后提醒仍可达；曾通过 kernel/qemu/crash_server 日志定位模拟器 render_service 过载导致的整机黑屏，以重绘节流 + blur 收敛组合解决，完整走通"现象→日志→根因→收敛"排障链路。