- 博客(5)
- 收藏
- 关注
RSS订阅原创 鸿蒙实战案例-食物列表-底部Panel-数字键盘-一次开发多端部署（五）
随着健康意识的增强，越来越多的人开始重视自身的饮食健康。为了更好地管理个人的饮食习惯，记录每天的饮食情况已经成为许多人日常生活中的重要一环。今天，我们将继续构建一个简单而实用的食品记录应用，旨在帮助用户轻松记录和分析他们的饮食内容，从而促进健康生活方式的养成。1. **组件化开发**：- 使用 `Panel`、`ItemPanelHeader`、`ItemCard`、`NumberKeyboard`、`Row` 和 `Button` 等组件，通过组合构建复杂的用户界面。
2024-06-23 01:25:20
797
原创 鸿蒙实战案例-饮食记录-记录列表及食物列表页（四）
在本篇文章中，我将介绍如何使用HarmonyOS框架构建一个简单的食物记录和食物列表页面。主要包括三个组件：食物记录列表、项目索引页面和项目列表页面。首先，我们定义了一个名为RecordList的组件，该组件在其build方法中负责构建整个列表。在这个方法中，我们利用List和ForEach组件来遍历一个包含数字1到5的数组，并为每个数字创建一个ListItem组件。1. **分组标题**：包含早餐建议、千卡数等信息。我们使用Image、Text和Blank组件来展示这些信息。
2024-06-23 00:35:59
1962
原创 鸿蒙实战案例-饮食记录-统计数据卡片（三）
本文将介绍如何使用HarmonyOS的ArkTS语言编写一个健康app中的统计数据卡片功能。该功能主要包括日期选择、热量统计和营养素统计三个部分。通过直观的界面展示，帮助用户了解自己的热量和营养素摄入情况，从而更好地管理自己的饮食和运动。通过本文详细介绍了一个名为StatsCard的统计卡片组件的设计和实现细节，其中包括三个主要组件：DatePickDialog、CalorieStats和NutrientStats。
2024-06-22 23:46:20
1641
原创 鸿蒙实战案例——首页Tabs及饮食记录——顶部搜索栏（二）
在 `RecordIndex` 结构体中，通过调用 `SearchHeader` 和其他组件来构建搜索功能、统计信息展示和记录列表。在代码中定义了多个结构体（`struct`），这些结构体类似于组件，每个结构体都包含一个 `build()` 方法来描述其呈现的内容和样式。`Index` 结构体作为入口点，展示了一个标签页（`Tabs`）布局，其中包含多个标签页（`TabContent`）。每个标签页由 `TabBarBuilder` 构建，根据当前索引显示不同的颜色和图标。
2024-06-22 20:31:43
2111
原创 鸿蒙实战案例——欢迎页面UI实现及欢迎页面业务的实现（一）
Entry@Component})})//1.加载首选项//2.判断是否同意//2.1. 同意，跳转首页}else{//2.2.不同意，弹窗})},1000)//1.保存首选项//2.跳转到首页exitApp(){//退出Appbuild() {//1.中央sloganRow(){//2.logo//3.文字描述Row(){Text('黑马健康支持').opacityWhiteText(0.8,12)
2024-06-22 19:11:15
1516
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人