首頁資訊 HarmonyOS鴻蒙Next第一課：運(yùn)動(dòng)健康實(shí)戰(zhàn)——我的運(yùn)動(dòng)生活

HarmonyOS鴻蒙Next第一課：運(yùn)動(dòng)健康實(shí)戰(zhàn)——我的運(yùn)動(dòng)生活

來源：泰然健康網(wǎng) 時(shí)間：2025年08月19日 02:04

HarmonyOS鴻蒙Next第一課：運(yùn)動(dòng)健康實(shí)戰(zhàn)——我的運(yùn)動(dòng)生活應(yīng)用簡介
本文章是參加“【創(chuàng)意Demo挑戰(zhàn)賽】HarmonyOS運(yùn)動(dòng)健康實(shí)戰(zhàn)——等你來戰(zhàn)！”活動(dòng)寫的一個(gè)應(yīng)用介紹，活動(dòng)地址：
https://developer.huawei.com/consumer/cn/forum/topic/0202116956892085528?fid=0101562279236410779

本文檔通過學(xué)習(xí)健康生活案例，熟悉了常用的控件用法和一些開發(fā)技巧，并制作了一個(gè)簡單的運(yùn)動(dòng)健康類程序，主要分為任務(wù)、運(yùn)動(dòng)和我的三個(gè)頁面。任務(wù)頁面包含一些打卡任務(wù)，完成進(jìn)度會以環(huán)形進(jìn)度條展示。運(yùn)動(dòng)頁面包含六項(xiàng)運(yùn)動(dòng)內(nèi)容，主要是呼吸、步行、跑步、健身、瑜伽和跳繩，不同的運(yùn)動(dòng)項(xiàng)目會有相應(yīng)的操作。

效果預(yù)覽

簡要介紹
在歡迎頁面之前，先通過首選項(xiàng)判斷用戶是否接受了《用戶隱私條款》，隱私條款是一個(gè)用戶自定義彈窗。

歡迎界面之后，就進(jìn)入了主頁面，底部分為三個(gè)TAB，任務(wù)、運(yùn)動(dòng)和我的。

任務(wù)頁面：

運(yùn)動(dòng)頁面：

訓(xùn)練包含吸氣和呼氣練習(xí)，

我的頁面：

代碼分析
應(yīng)用程序歡迎頁面通過首選項(xiàng)的簡單存儲，記錄用戶上次操作。

運(yùn)動(dòng)項(xiàng)目中的呼吸訓(xùn)練，開始按鈕觸發(fā)了一個(gè)定時(shí)器。

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恭喜訓(xùn)練完成n', confirm: { value: '關(guān)閉', 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); }

訓(xùn)練完成后，會記錄此次訓(xùn)練時(shí)間。

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 = "上次運(yùn)動(dòng): " + currentTime }); }

項(xiàng)目總結(jié)
通過了這次簡單的練習(xí)，學(xué)會了不少常用的知識。AppStorage是應(yīng)用程序中的單例對象，可以為應(yīng)用程序范圍內(nèi)的可變狀態(tài)屬性提供中央存儲。Flex是一個(gè)功能強(qiáng)大的容器組件，支持橫向布局，豎向布局，子組件均分和流式換行布局。首選項(xiàng)為應(yīng)用提供Key-Value鍵值型的數(shù)據(jù)處理能力，支持應(yīng)用持久化輕量級數(shù)據(jù)，并對其修改和查詢。