HarmonyOS 鸿蒙Next ArkUI入门训练营—健康生活实战 我们的运动健康

HarmonyOS ArkUI入门训练营—健康生活实战#–我们的运动健康

一、前言

经过四天对HarmonyOS最新开发Api声明式开发范式Ets的学习，结合课程中的一些技术细节于相关UI的逻辑布局，本人设计并开发了此运动健康App。有些部分对华为运动健康App做出了一些参考，总的来说是自己第一次对HarmonyOS开发的一次尝试，App大部分以UI为主，也包括一些交互部分。运动健康App，其它添加了家人一栏，在万物互联的今天，不止个人的运动健康要关注，对于自己亲近的家人，更应该得到关注，所以这App叫我们的运动健康。

二、效果展示

• 预览器下效果（部分动态效果无法展示）
• 模拟器下效果

三、开发流程

3.1 项目结构展示

3.2 开发环境

3.3 logo模块

3.4 登录模块

• 登录展示

3.5 菜单栏

• 展示

3.6 运动模块

• 运动模块效果展示

3.7 健康模块（DevEco预览器不支持WebView下统计图展示）

• 健康模块效果展示

3.8 他人模块

• 家人列表效果展示

3.9 个人模块

• 效果展示

四、个人总结/问题提出

• 希望华为能尽快更新DevEco Studio，能有支持Api8版本的本地模拟器，这样开发Ets模式下ArkUI更加高效。
• Ets声明式开发个人感觉与网页开发有很多相似的地方，但开发效率比网页开发更加快速，上手也快。
• 在开发这个App过程中，我发现几个问题：(1): Api8下获取窗口宽度使用的是异步，这样很容易在组件渲染完成后，宽高还没有获取到；(2)：一个page下面只能放置一个Web组件，就是一个Page只能渲染一个WebView不知道是我没找到使用方式，还是原生不支持。
• 在使用华为论坛的MarkDown编辑器的时候遇到一个问题，就是在将代码放入高亮模式为’JavaScript’代码高亮模块时，代码间有空格的话，代码高亮模块会发生失真。