- 博客(5)
- 收藏
- 关注
原创 鸿蒙案例-食物列表页和底部Panel的实现
食物列表页是健康和饮食管理应用中的一个关键功能,它允许用户浏览、搜索和选择不同的食物项来记录他们的饮食习惯。食物列表以列表形式展示食物名称、图片和简要信息。点击食物项后,展示详细的营养信息,包括热量、脂肪、碳水化合物、蛋白质等。食物列表页是用户与饮食管理应用交互的主要入口之一,它的设计和功能对于提供流畅的用户体验至关重要。通过这些功能,用户可以轻松地记录和分析他们的饮食习惯,从而更好地管理自己的健康和营养摄入。食物列表页它的设计和功能对于提供流畅的用户体验至关重要。
2024-06-22 11:56:16 1049
原创 鸿蒙案例-饮食记录-记录列表
通过本文的介绍,我们详细分析了该记录列表组件的设计和实现细节。在饮食记录中,可以点击早餐、午餐、晚餐或加餐。进入记录界面后,可以在顶部搜索栏中搜索食物名称,通过详细记录食物种类、摄入量、时间等关键信息,用户能够清晰地了解自己的饮食模式,从而更有效地进行饮食规划和健康管理。用户可以根据自己的喜好和目标,自定义记录的内容和格式,轻松添加备注和标签,以便更准确地追踪和分析饮食情况。
2024-06-20 20:07:32 886
原创 鸿蒙案例-饮食记录-统计卡片的实现
该统计卡片包括日期选择、热量统计和营养素统计等功能。StatsCard主要包含了三个组件:DatePickDialog,CalorieStats和NutrientStats。StatsCard为统计卡片的主组件,包含日期选择、热量统计和营养素统计;DatePickDialog组件用于对话框的创建,包含日期选择器和按钮的功能;NutrientStats组件展示用户摄入的营养成分(碳水化合物、蛋白质和脂肪)以及推荐的摄入量。在设计此项目时也学习了很多新组件的用法。
2024-06-20 17:46:12 1766
原创 鸿蒙案例-首页Tabs和顶部搜素栏的实现
Tabs组件的页面组成包含两个部分,分别是TabContent和TabBar。TabContent是内容页,TabBar是导航页签栏。切换指定页签需要使用TabsController,TabsController是Tabs组件的控制器,用于控制Tabs组件进行页签切换。通过TabsController的changeIndex方法来实现跳转至指定索引值对应的TabContent内容。不支持一个TabsController控制多个Tabs组件。搜索框组件Search,适用于浏览器的搜索内容输入框等应用场景。
2024-06-19 15:21:34 555
原创 鸿蒙案例-欢迎页面的实现
案例来源于b站课程’用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻量级数据,并对其修改和查询。数据存储形式为键值对,键的类型为字符串型,值的存储数据类型包括数字型、字符型、布尔型以及这3种类型的数组类型。
2024-06-18 11:51:48 465 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人