- 博客(5)
- 收藏
- 关注
RSS订阅原创 鸿蒙实战案例-食物列表-底部Panel及数字键盘
这篇文章主要介绍了一个食品记录应用程序的底部面板，包括顶部日期、记录项卡片和数字键盘等组件。其中，顶部日期显示了当前的日期和时间；记录项卡片展示了每餐所摄入的食品信息，包括图片、名称、营养素信息和数量；数字键盘则用于输入食品的数量。通过这个应用程序，用户可以方便地记录每天所摄入的食品和营养素信息，更好地管理自己的饮食健康。
2024-06-20 13:45:35
1095
原创 鸿蒙实战案例-饮食记录-记录列表及食物列表页
首先，定义一个名为RecordList的组件，并在build方法中构建整个列表。在这个方法中，使用List和ForEach组件来遍历一个包含数字1到5的数组，并为每个数字创建一个ListItem组件。在每个ListItem组件中，使用Column组件来创建一个分组标题和一个组内记录列表。分组标题包含早餐建议、千卡数等信息，并使用Image、Text和Blank组件来显示这些信息。组内记录列表包含全麦吐司等食物的信息，并使用Image、Text和Column组件来显示这些信息。
2024-06-18 15:52:36
912
1
原创 鸿蒙实战案例-饮食记录-统计卡片
通过本文的介绍，我们详细分析了该统计卡片组件的设计和实现细节，包括日期选择、热量统计和营养素统计等功能。StatsCard主要包含了三个组件：DatePickDialog，CalorieStats和NutrientStats。StatsCard为统计卡片的主组件，包含日期选择、热量统计和营养素统计，通过DatePickDialog组件来选择日期，并在界面上显示所选日期；通过CalorieStats组件来展示用户的饮食摄入、还可以吃和运动消耗的热量统计；
2024-06-17 23:47:20
1088
1
原创 鸿蒙实战案例-首页Tabs及饮食记录-顶部搜索栏
代码中定义了多个结构体（struct），这些结构体类似于组件，每个结构体都有一个 build() 方法来描述其呈现的内容和样式。Index 结构体作为入口点，展示了一个标签页（Tabs）布局，其中包含多个标签页（TabContent）。每个标签页由 TabBarBuilder 构建，根据当前索引显示不同的颜色和图标。图像、文本等元素被配置为根据 currentIndex 的值来动态地显示不同的样式，通过 selectColor() 方法来确定当前选中标签的颜色。
2024-06-16 00:35:59
717
原创 鸿蒙实战案例-欢迎页面UI实现及欢迎页面业务
声明弹窗控制器，并利用其控制弹窗代码定义了一个名为的组件，用于显示欢迎页面。在这个页面中，首先会检查用户是否同意了隐私政策，如果同意则跳转到首页，否则弹出隐私政策对话框。用户可以选择同意或退出应用。当用户点击同意按钮时，会调用confirm()方法，关闭对话框，进入首页；当用户点击拒绝按钮时，会调用cancel()方法，关闭对话框，退出应用。
2024-06-14 11:19:13
838
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人