自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 鸿蒙案例-食物列表页和底部Panel的实现

食物列表页是健康和饮食管理应用中的一个关键功能,它允许用户浏览、搜索和选择不同的食物项来记录他们的饮食习惯。食物列表以列表形式展示食物名称、图片和简要信息。点击食物项后,展示详细的营养信息,包括热量、脂肪、碳水化合物、蛋白质等。食物列表页是用户与饮食管理应用交互的主要入口之一,它的设计和功能对于提供流畅的用户体验至关重要。通过这些功能,用户可以轻松地记录和分析他们的饮食习惯,从而更好地管理自己的健康和营养摄入。食物列表页它的设计和功能对于提供流畅的用户体验至关重要。

2024-06-22 11:56:16 514

原创 鸿蒙案例-饮食记录-记录列表

通过本文的介绍,我们详细分析了该记录列表组件的设计和实现细节。在饮食记录中,可以点击早餐、午餐、晚餐或加餐。进入记录界面后,可以在顶部搜索栏中搜索食物名称,通过详细记录食物种类、摄入量、时间等关键信息,用户能够清晰地了解自己的饮食模式,从而更有效地进行饮食规划和健康管理。用户可以根据自己的喜好和目标,自定义记录的内容和格式,轻松添加备注和标签,以便更准确地追踪和分析饮食情况。

2024-06-20 20:07:32 405

原创 鸿蒙案例-饮食记录-统计卡片的实现

该统计卡片包括日期选择、热量统计和营养素统计等功能。StatsCard主要包含了三个组件:DatePickDialog,CalorieStats和NutrientStats。StatsCard为统计卡片的主组件,包含日期选择、热量统计和营养素统计;DatePickDialog组件用于对话框的创建,包含日期选择器和按钮的功能;NutrientStats组件展示用户摄入的营养成分(碳水化合物、蛋白质和脂肪)以及推荐的摄入量。在设计此项目时也学习了很多新组件的用法。

2024-06-20 17:46:12 902

原创 鸿蒙案例-首页Tabs和顶部搜素栏的实现

Tabs组件的页面组成包含两个部分,分别是TabContent和TabBar。TabContent是内容页,TabBar是导航页签栏。切换指定页签需要使用TabsController,TabsController是Tabs组件的控制器,用于控制Tabs组件进行页签切换。通过TabsController的changeIndex方法来实现跳转至指定索引值对应的TabContent内容。不支持一个TabsController控制多个Tabs组件。搜索框组件Search,适用于浏览器的搜索内容输入框等应用场景。

2024-06-19 15:21:34 362

原创 鸿蒙案例-欢迎页面的实现

案例来源于b站课程’用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻量级数据,并对其修改和查询。数据存储形式为键值对,键的类型为字符串型,值的存储数据类型包括数字型、字符型、布尔型以及这3种类型的数组类型。

2024-06-18 11:51:48 340 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除