基于HarmonyOS Next的智能健康监测应用开发实战

基于HarmonyOS Next的智能健康监测应用开发实战

一、项目概述与开发环境准备

随着人们健康意识的提升，智能健康管理应用成为移动开发的热门领域。本项目将基于HarmonyOS Next和ArkTS语言，开发一款集心率监测、步数统计和健康建议于一体的智能健康应用。

主要功能模块包括：

首先确保已安装最新版DevEco Studio，并完成以下配置：

创建新项目时选择"Application" > "Empty Ability"，语言选择ArkTS，设备类型选择"Phone"。

二、项目基础架构搭建

health-monitor/ ├── entry/ │ ├── src/ │ │ ├── main/ │ │ │ ├── ets/ │ │ │ │ ├── pages/ # 页面组件 │ │ │ │ ├── model/ # 数据模型 │ │ │ │ ├── utils/ # 工具类 │ │ │ │ └── app.ets # 应用入口 │ │ │ ├── resources/ # 资源文件 │ │ │ └── config.json # 应用配置2.2 应用入口文件配置

修改app.ets文件，初始化应用状态：

// app.ets import { HealthDataManager } from './model/HealthDataManager' @Entry @Component struct HealthMonitorApp { // 应用全局状态管理 @State healthManager: HealthDataManager = new HealthDataManager() build() { Stack() { // 这里将加载主页面 IndexPage({ healthManager: this.healthManager }) } .width('100%') .height('100%') } }

三、核心功能模块实现

创建model/HeartRateModel.ets：

// 心率数据模型 export class HeartRateData { value: number = 0 // 心率值 timestamp: number = 0 // 时间戳 status: string = 'normal' // 状态(normal/high/low) constructor(value: number, timestamp: number) { this.value = value this.timestamp = timestamp this.updateStatus() } // 根据心率值更新状态 private updateStatus(): void { if (this.value < 60) { this.status = 'low' } else if (this.value > 100) { this.status = 'high' } else { this.status = 'normal' } } }3.1.2 心率监测页面

创建pages/HeartRatePage.ets：

// HeartRatePage.ets import { HeartRateData } from '../model/HeartRateModel' @Component export struct HeartRatePage { @Link healthManager: HealthDataManager @State currentRate: HeartRateData = new HeartRateData(0, 0) @State historyRates: HeartRateData[] = [] // 模拟心率监测 private startMonitoring(): void { setInterval(() => { // 模拟获取心率数据(实际开发中应调用设备传感器API) const newRate = Math.floor(Math.random() * 40) + 60 const newData = new HeartRateData(newRate, new Date().getTime()) this.currentRate = newData this.historyRates.push(newData) // 保存到健康管理器 this.healthManager.updateHeartRate(newData) }, 3000) } build() { Column() { // 当前心率显示 Text('当前心率') .fontSize(20) .margin(10) Text(this.currentRate.value.toString()) .fontSize(48) .fontColor(this.getRateColor(this.currentRate.status)) .margin(10) Text(`状态: ${this.getStatusText(this.currentRate.status)}`) .fontSize(16) .margin(5) // 历史数据图表 LineChart({ data: this.historyRates }) .height(200) .margin(20) Button('开始监测') .onClick(() => this.startMonitoring()) .margin(20) } .width('100%') .height('100%') } // 根据状态获取颜色 private getRateColor(status: string): string { switch(status) { case 'high': return '#FF4500' case 'low': return '#1E90FF' default: return '#32CD32' } } // 获取状态文本 private getStatusText(status: string): string { switch(status) { case 'high': return '心率偏高' case 'low': return '心率偏低' default: return '心率正常' } } }3.2 步数统计模块开发3.2.1 步数数据模型

创建model/StepModel.ets：

// 步数数据模型 export class StepData { date: string = '' // 日期(YYYY-MM-DD) steps: number = 0 // 步数 target: number = 10000 // 目标步数 distance: number = 0 // 距离(米) calories: number = 0 // 消耗卡路里 constructor(date: string, steps: number) { this.date = date this.steps = steps this.calculateMetrics() } // 计算距离和卡路里 private calculateMetrics(): void { // 假设平均步长0.7米 this.distance = Math.floor(this.steps * 0.7) // 假设每1000步消耗30卡路里 this.calories = Math.floor(this.steps / 1000 * 30) } // 设置目标 setTarget(target: number): void { this.target = target } // 获取完成百分比 getCompletion(): number { return Math.min(Math.floor(this.steps / this.target * 100), 100) } }3.2.2 步数统计页面

创建pages/StepsPage.ets：

// StepsPage.ets import { StepData } from '../model/StepModel' @Component export struct StepsPage { @Link healthManager: HealthDataManager @State todaySteps: StepData = new StepData('', 0) @State weeklySteps: StepData[] = [] // 初始化数据 aboutToAppear() { const today = new Date().toISOString().split('T')[0] this.todaySteps = new StepData(today, 0) // 模拟一周数据 for (let i = 6; i >= 0; i--) { const date = new Date() date.setDate(date.getDate() - i) const dateStr = date.toISOString().split('T')[0] this.weeklySteps.push(new StepData(dateStr, Math.floor(Math.random() * 12000))) } } // 模拟步数更新 private updateSteps(): void { setInterval(() => { // 模拟步数增加(实际应调用设备传感器API) this.todaySteps = new StepData( this.todaySteps.date, this.todaySteps.steps + Math.floor(Math.random() * 50) ) this.healthManager.updateSteps(this.todaySteps) }, 5000) } build() { Column() { // 今日步数 Text('今日步数') .fontSize(20) .margin(10) Text(this.todaySteps.steps.toString()) .fontSize(48) .fontColor('#4169E1') .margin(10) // 进度条 Progress({ value: this.todaySteps.getCompletion(), total: 100, type: ProgressType.Ring }) .width(150) .height(150) Text(`${this.todaySteps.getCompletion()}% 完成`) .fontSize(16) .margin(5) // 统计数据 Row() { Column() { Text('距离') Text(`${this.todaySteps.distance}m`) .fontSize(18) } .margin(10) Column() { Text('卡路里') Text(`${this.todaySteps.calories}kcal`) .fontSize(18) } .margin(10) } // 周数据图表 BarChart({ data: this.weeklySteps }) .height(200) .margin(20) Button('开始记录') .onClick(() => this.updateSteps()) .margin(20) } .width('100%') .height('100%') } }

四、健康数据分析与建议模块

创建service/HealthAnalysisService.ets：

// 健康分析服务 export class HealthAnalysisService { // 获取心率建议 static getHeartRateAdvice(rate: HeartRateData): string { if (rate.status === 'high') { return '您的心率偏高，建议休息并放松心情' } else if (rate.status === 'low') { return '您的心率偏低，建议适当增加活动量' } else { return '您的心率处于正常范围，继续保持' } } // 获取步数建议 static getStepsAdvice(steps: StepData): string { const percentage = steps.getCompletion() if (percentage >= 100) { return '恭喜您完成今日目标！继续保持' } else if (percentage >= 70) { return '今日表现不错，再加把劲' } else if (percentage >= 30) { return '已经取得一定进展，继续努力' } else { return '今日活动较少，建议多走动' } } // 综合健康评分 static getHealthScore(heartRate: HeartRateData, steps: StepData): number { let score = 70 // 基础分 // 心率评分 if (heartRate.status === 'normal') score += 20 else if (heartRate.status === 'high') score -= 10 else score -= 5 // 步数评分 const stepPercentage = steps.getCompletion() / 100 score += Math.floor(stepPercentage * 30) return Math.min(Math.max(score, 0), 100) } }4.2 健康报告页面

创建pages/HealthReportPage.ets：

// HealthReportPage.ets import { HealthAnalysisService } from '../service/HealthAnalysisService' @Component export struct HealthReportPage { @Link healthManager: HealthDataManager @State healthScore: number = 0 @State adviceList: string[] = [] // 更新健康报告 private updateReport(): void { const latestHeartRate = this.healthManager.getLatestHeartRate() const todaySteps = this.healthManager.getTodaySteps() this.healthScore = HealthAnalysisService.getHealthScore( latestHeartRate, todaySteps ) this.adviceList = [ HealthAnalysisService.getHeartRateAdvice(latestHeartRate), HealthAnalysisService.getStepsAdvice(todaySteps), this.getGeneralAdvice(this.healthScore) ] } // 获取综合建议 private getGeneralAdvice(score: number): string { if (score >= 90) { return '您的健康状况非常优秀！继续保持当前生活习惯' } else if (score >= 70) { return '您的健康状况良好，仍有提升空间' } else if (score >= 50) { return '您的健康状况一般，建议改善生活习惯' } else { return '您的健康状况需要关注，建议咨询医生' } } build() { Column() { Text('健康报告') .fontSize(24) .margin(20) // 健康评分 Progress({ value: this.healthScore, total: 100, type: ProgressType.Ring }) .width(150) .height(150) Text(`健康评分: ${this.healthScore}`) .fontSize(20) .margin(10) // 建议列表 List({ space: 10 }) { ForEach(this.adviceList, (item: string) => { ListItem() { Text(item) .fontSize(16) .padding(10) } .borderRadius(10) .backgroundColor('#F5F5F5') }) } .height(200) .width('90%') .margin(20) Button('更新报告') .onClick(() => this.updateReport()) .margin(20) } .width('100%') .height('100%') .onAppear(() => this.updateReport()) } }

五、应用界面整合与导航

修改pages/IndexPage.ets：

// IndexPage.ets @Component export struct IndexPage { @Link healthManager: HealthDataManager @State currentTab: number = 0 build() { Column() { // 顶部标题 Text('智能健康监测') .fontSize(24) .margin(20) // 内容区 TabContent({ index: this.currentTab }) .height('80%') // 底部导航 Tabs({ barPosition: BarPosition.End }) { TabContent() { HeartRatePage({ healthManager: this.healthManager }) } .tabBar('心率监测') TabContent() { StepsPage({ healthManager: this.healthManager }) } .tabBar('步数统计') TabContent() { HealthReportPage({ healthManager: this.healthManager }) } .tabBar('健康报告') } .onChange((index: number) => { this.currentTab = index }) .barWidth('100%') .barHeight(60) } .width('100%') .height('100%') } }

六、项目构建与测试

在config.json中添加必要的权限：

{ "module": { "reqPermissions": [ { "name": "ohos.permission.HEALTH_DATA", "reason": "访问健康数据" }, { "name": "ohos.permission.ACTIVITY_MOTION", "reason": "获取运动数据" } ] } }6.2 测试建议

心率监测测试：

步数统计测试：

健康报告测试：

七、项目扩展方向

真实设备传感器集成：

数据云同步：

社交功能扩展：

健康提醒功能：

本项目完整展示了基于HarmonyOS Next的健康管理应用开发流程，涵盖了从数据模型设计到界面实现的完整过程。开发者可以在此基础上进一步扩展功能，打造更完善的健康管理解决方案。