HarmonyOS鸿蒙Next第一课：运动健康实战——我的运动生活

HarmonyOS鸿蒙Next第一课：运动健康实战——我的运动生活 应用简介
本文章是参加“【创意Demo挑战赛】HarmonyOS运动健康实战——等你来战！”活动写的一个应用介绍，活动地址：
https://developer.huawei.com/consumer/cn/forum/topic/0202116956892085528?fid=0101562279236410779

本文档通过学习健康生活案例，熟悉了常用的控件用法和一些开发技巧，并制作了一个简单的运动健康类程序，主要分为任务、运动和我的三个页面。任务页面包含一些打卡任务，完成进度会以环形进度条展示。运动页面包含六项运动内容，主要是呼吸、步行、跑步、健身、瑜伽和跳绳，不同的运动项目会有相应的操作。

效果预览

简要介绍
在欢迎页面之前，先通过首选项判断用户是否接受了《用户隐私条款》，隐私条款是一个用户自定义弹窗。

欢迎界面之后，就进入了主页面，底部分为三个TAB，任务、运动和我的。

任务页面：

运动页面：

训练包含吸气和呼气练习，

我的页面：

代码分析
应用程序欢迎页面通过首选项的简单存储，记录用户上次操作。

let preferences = data_preferences.getPreferences(this.context, SPORT_PREF); preferences.then((res) => { res.put(IS_ACCEPT, false); res.get(IS_ACCEPT, false).then((isAccept) => { if (isAccept === true) { this.waitToMainPage(); } else { this.dialogController.open(); } }); });

运动项目中的呼吸训练，开始按钮触发了一个定时器。

startBreathing() { var that = this this.intervalID = setInterval(function() { that.currentCount = that.currentCount + 1 if(that.currentCount == (that.select + 1) * 60) { clearInterval(that.intervalID); that.breathing = false that.loopnum = 0 that.currentCount = 0 that.countdown = 0 AlertDialog.show( { title: '', message: 'n恭喜训练完成n', confirm: { value: '关闭', action: () => { console.info('Button-clicking callback') } }, cancel: () => { console.info('Closed callbacks') } } ) } if((that.currentCount - 1) % 6 == 0) { that.loopnum += 1 } if(that.loopnum % 2 == 1) { that.countdown = that.countdown + 1 that.prepare_tips = "第 " + Math.floor(that.loopnum / 2 + 1).toString() + " 次" + "吸气..." } else { that.countdown = that.countdown - 1 that.prepare_tips = "第 " + (that.loopnum / 2).toString() + " 次" + "呼气..." } }, 1000); }

训练完成后，会记录此次训练时间。

putLatestRecord() { let preferences = data_preferences.getPreferences(this.context, commonConst.RECORD_PREF); var that = this preferences.then((res) => { // res.put(IS_ACCEPT, false); let date = new Date(); let currentTime = date.getFullYear() + "/" + (date.getMonth() + 1).toString().padStart(2, '0') + "/" + date.getDate().toString().padStart(2, '0') + " " + date.getHours() + ":" + date.getMinutes().toString().padStart(2, '0') + ":" + date.getSeconds().toString().padStart(2, '0') console.log("currentTime", currentTime) res.put("breath", currentTime); that.lastRecord = "上次运动: " + currentTime }); }

项目总结
通过了这次简单的练习，学会了不少常用的知识。AppStorage是应用程序中的单例对象，可以为应用程序范围内的可变状态属性提供中央存储。Flex是一个功能强大的容器组件，支持横向布局，竖向布局，子组件均分和流式换行布局。首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。

相关知识

HarmonyOS鸿蒙Next第一课：运动健康实战——我的运动生活
HarmonyOS 鸿蒙Next健康生活应用 服务卡片案例
HarmonyOS NEXT 5.0.0.115版本“远程守护”功能，轻松引导儿童健康使用手机
HarmonyOS NEXT 新版本上线“远程守护”功能，助力孩子安全健康使用手机
平安健康App入驻鸿蒙生态 成为首批大健康应用之一
微信鸿蒙原生版下载后打不开！腾讯、华为排查确认：鸿蒙NEXT系统问题导致
鸿蒙iTrustee TEE：筑牢金融生态安全防线，赋能可信服务新未来
117.[HarmonyOS NEXT 实战案例：健康应用] 高级篇
HarmonyOS Next医疗健康应用开发探索
华为Mate70系列开售在即，山姆会员商店正式推出鸿蒙原生版

网址: HarmonyOS鸿蒙Next第一课：运动健康实战——我的运动生活 https://www.trfsz.com/newsview1699045.html