应用简介
本文章是参加“【创意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键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。
