一、应用设计思路及功能演示:
综合运用本学期所学内容及个人自学知识,使用了HarmonyOS 4.0开发一款具有实用性和创新性的移动应用软件(此应用只实现了Ui页面的开发,为半成品应用)。
设计了一个名为黑马健康的应用,用到了用户首选项和各种ui组件构建,该应用拥有多种功能,如饮食健康记录功能,食物的添加及其食物的营养信息,
统计摄入的食物信息和食物的推荐的摄入量,热量和各种营养素的统计。该应用可以通过摄入的食物量和进行的运动量进行对比来实现对饮食健康和运动健康的控制。
1.欢迎页面
欢迎界面,当第一次进入欢迎界面时会弹出用户协议弹窗。
2.欢迎界面弹窗
点击同意就会进入到主页,并保存到首选项中,
点击不同意则会退出该应用,直到下次点击同意。
3.应用主页
最上面的搜索栏可以进行搜索,右侧即为信息通知
在下方就是日期选择器,可以选择不同的日期,以知道其他日期的统计信息
最往下即为统计卡片,是一个可滑动式的,第一个卡片为热量统计卡片,可通过添加食物和添加运动进行函数计算出今天还可以摄入多少热量,向左滑动进入营养素统计卡片,可通过添加的食物,从而通过每个食物的营养素进行计算统计,显示在卡片上。
下面是食物列表,显示有建议摄入值,可以通过食物列表来查看已经添加的食物,点击加号即可进入食物列表页面,在下方可选择到其他页面。
4.食物列表页面
可以选择不同的食物从而进行添加,因为该应用为半成品,仅实现了UI设计,所以无法进行添加到食物列表这一操作。
二、代码结构:
- src/
- beans/ # 存放JavaBean或数据实体
- BeanpointType.ets # 多段部署的断点类型
- constants/ # 存放常量定义
- BreakpointConstants.ts # 断点相关的常量
- utils/ # 存放工具类
- DateUtil.ts # 日期和时间处理函数
- DbUtil.ts # 数据库操作的工具函数
- Logger.ts # 日志记录
- PreferenceUtil.ts # 用户首选项
- entryability/ # 应用生命周期管理及初始化操作
- EntryAbility.ts
- pages/ # 应用页面
- Index.ts # 主页面
- ItemIndex.ts # 展示物品列表
- WelcomePage.ts # 欢迎界面
- views/ # 视图层,UI组件
- item/ # 物品相关的视图组件
- ItemList.ts # 物品列表
- record/ # 记录相关的视图组件
- CalorieStats.ts # 卡路里统计信息
- DatePickDialog.ts # 日期选择对话框
- NutrientStats.ts # 营养素统计信息
- RecordIndex.ts # 列表页面
- RecordList.ts # 记录列表的组件
- SearchHeader.ts # 搜索功能的头部组件
- StatsCard.ts # 统计信息的卡片
- welcome/ # 欢迎界面相关的视图组件
- UserPrivacyDialog.ts # 用户隐私政策对话框组件