首先声明, 我就是照着视频敲得, 敲完发现课程没有提供源码资料, 于是我把代码整理下上传到 git, 仅供大家参考.

无图言软, 上图

我的鸿蒙OS 2.0的第一个DEMO, Lite Wearable (运动手表)上的呼吸训练 app_鸿蒙

我的鸿蒙OS 2.0的第一个DEMO, Lite Wearable (运动手表)上的呼吸训练 app_鸿蒙_02

 我的鸿蒙OS 2.0的第一个DEMO, Lite Wearable (运动手表)上的呼吸训练 app_鸿蒙_03

一共三个页面, 相当简单对不对?


简单说下这个视频干了什么:

  • 教你搭建环境(页面播放很快, 嗯, 反正肯定和我2.0倍速没关系) (楼主已经搭建过了, 就听了会歌)
  • 由Hello world 到完整Demo(含三个页面, 约200行JS代码[最终]), 他是一步一步演变过去的, 不用担心跟不上, 毕竟你可以选择0.5倍速 (手动滑稽)
  • 最赞的是最开始先给你演示最终版的效果, 并且每个视频前面也会演示这小节要达成的样子 (这里我顺便说下, 我的代码没有记录每一节到不同分支, 但我反应过来要存代码时候, 已经快开发完了, 大佬们见谅, 下次一定改)

 

然后说下感受, 目前开放了三个设备的模板开发(TV, Wearable, Lite Wearable), 而 Lite Wearable 是体验最好的, 因为:

  • 支持预览器(View-->Tool Windows-->Previewer)
  • 支持模拟器(Run --> Select Deployment Target --> Available Huawei Lite Devices > Huawei Lite Wearable Simluator)
  • 完全的JS+CSS+HML编写代码, 无任何Java代码 (TV 和 Wearable 的模板我试过, 即使选择JS FA 还是会有几个Java代码, 当然这说不定也是缺点, 目前JS API 不是很全面, 而)

 

 

顺便说下我了解的 JS API 这块, 搞前端的同学应该比较在意: