鸿蒙(HarmonyOS)应用开发——健康生活应用（5）

健康生活应用参考了黑马程序员实战案例45.实战案例-数据模型-记录项_哔哩哔哩_bilibili

---

鸿蒙应用开发：打造智能饮食统计与个性化推荐系统

一、引言

在健康管理应用中，智能统计与个性化推荐是提升用户体验的两大核心功能。本文将详细介绍如何在鸿蒙应用中实现这些功能，特别是统计信息的展示设计和日期选择器的用户交互设计。

二、饮食统计功能设计

1、设计理念

饮食统计功能的设计旨在为用户提供直观的饮食摄入和消耗数据，并通过与推荐摄入量的对比，帮助用户更好地管理自己的饮食习惯。

2、关键组件设计

• StatsCard：作为饮食统计的核心容器，展示每日的热量摄入、消耗和营养素摄入。
• CalorieStats：展示热量摄入、消耗和剩余可摄入量，通过环形进度条形象化展示。
• NutrientStats：展示碳水化合物、蛋白质和脂肪的摄入量，并与推荐摄入量进行对比。

3、统计信息展示设计

使用Swiper组件实现信息的左右滑动切换，用户可以方便地查看不同类型的统计信息。

三、日期选择器设计

1、设计理念

日期选择器允许用户选择特定的日期，以便查看或对比不同日期的饮食统计数据。

2、关键组件设计

• DatePickDialog：自定义弹窗组件，集成了DatePicker日期选择器，提供日期选择和确认操作。

3、用户交互设计

• 用户点击日期信息区域，触发DatePickDialog弹窗的显示。
• 用户在弹窗中选择日期后，可以选择“取消”或“确定”。点击“确定”后，所选日期将保存并关闭弹窗。

四、代码实现

1、StatsCard 组件实现

import BreakpointType from '../../common/bean/BreanpointType'
import BreakpointConstants from '../../common/constants/BreakpointConstants'
import { CommonConstants } from '../../common/constants/CommonConstants'
import DateUtil from '../../common/utils/DateUtil'
import RecordService from '../../service/RecordService'
import RecordVO from '../../viewmodel/RecordVO'
import StatsInfo from '../../viewmodel/StatsInfo'
import Calorie