一、项目介绍

该项目是一个关于健身运动、健康饮食的黑马健身移动应用软件；主要包括三个页面，分别是欢迎页面、统计记录页面、食物列表页面。主要实现的功能多端部署，可以在不同的设备上根据屏幕的大小判断进行页面分布；实现数据库持久化和页面交互。欢迎页面有自动弹窗，点击同意方可进入，首次进入点击后，不需要二次点击，点击不同意，则退出app。统计记录页面，分别有早餐、午餐、晚餐、加餐、运动；根据你输入的食物统计摄入的卡路里你输入的运动量统计消耗的卡路里；根据身高体重来推荐你还能摄入的碳水化合物、蛋白质、脂肪，或者应该消耗多少卡路里。食物列表页面（运动列表页面），根据父组件判断是食物列表页面（true）/运动列表页面（false），默认为食物列表页面；食物列表页面/运动列表页面还进行了食物或运动的分类。

第四天项目成果：

9、食物列表-数字键盘：

通过使用Grid组件完成了弹出面板的数字键盘和提交按钮的样式。

运行成果：

NumberKeyboard：

ItemPanelHeader：

10、一次开发多端部署：

多设备响应式布局，通过不同设备的屏幕大小来进行自定义样式布局。

运行成果：

BreakpointSystem：

BreakpointConstants：

11、数据模型-记录项：

食物或运动的页面列表；通过点击添加记录，在弹出的面板中通过数字键盘进行食物或运动记录的添加。

运行成果：

RecordItem：

ItemCategoryModel：

ItemModel：

总结：

了解以下知识点

1、Grid：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。

2、GrigItem：网格容器中单项内容容器

3、indexOf：查找当前对象中第一次出现value的索引，如果不包含value，则为-1。

4、endsWith：endsWith(field: string, value: string): DataAbilityPredicates，配置谓词以匹配数据类型为string且值以指定字符串结尾的字段。

4、List：获取指定路径下全部文件的列表。

ITPub博客

【HarmonyOS开发】案例：黑马健康：食物列表-数字键盘、一次开发多端部署、数据模型-记录项：

一、项目介绍

第四天项目成果：

9、食物列表-数字键盘：

运行成果：

相关源码：

NumberKeyboard：

ItemPanelHeader：

10、一次开发多端部署：

运行成果：

相关源码：

BreakpointSystem：

BreakpointConstants：

11、数据模型-记录项：

运行成果：

相关源码：

RecordItem：

ItemCategoryModel：

ItemModel：

总结：

最新文章