HarmonyOS 健康系统联系案例整体原型图介绍

客官°小女子只卖身不卖艺 2024-04-22 08:00 106阅读 0赞

之前 我们已经讲了整体的 harmonyos基础  
那么 光说不练假把式

我们来一起做个小案例

我们来一起 开发一个 健康案例

首先 第一次打开 他会弹出一个用户的隐私协议  
![在这里插入图片描述][32ba70c2e53c41e5a2840fcd23e6ef16.png]  
可以查看隐私信息 并选择是否同意

这是第一部分 欢迎页面

下图 是我们应用的首页  
![在这里插入图片描述][e236d7ead0b042f2999b32ef3ad111b2.png]  
整体 界面 我们上面是整体内容 然后 下面是个导航栏 三个项  
但 我们现在先只做记录

最上面 是个搜索框

中间是个卡片 卡片中是饮食的统计信息

下面 是饮食统计的总体详情  
然后 我们搜索框 下面 是个时间选择器 我们可以通过点击打开一个时间选择的弹窗  
选择指定时间  
![在这里插入图片描述][e7da6846295845a29f1794604d8a83c1.png]  
中间这个卡片 是可以向右滑动的 拖出更多信息  
![在这里插入图片描述][9988e1fcc06149069b8584479a83f60a.png]  
然后 我们可以在下面列表中点击某个卡片后面的加号 例如 这里我们点击早餐  
![在这里插入图片描述][d2d53301561f4ac88136c7a1c72fba8e.png]  
然后 就会进入 早餐的添加界面 这里 我们可以选择很多中的食物  
![在这里插入图片描述][c647e12577474089b9e28733699349fd.png]  
我们也可以通过上面的分类 赛选出 各种食物  
![在这里插入图片描述][2586675d83e047468ab38d069062848a.png]  
我们想添加 某个食物 就可以 点击食物后面的加号  
![在这里插入图片描述][32461a3df5134ae1b46669aaa659dd71.png]  
然后 就会弹出一个面板  
里面就是食物的详细信息  
上面 是日期 和食物的图片  
中间是信息 比如 它含的碳水等信息  
然后 下面键盘可以控制 要吃多少个  
![在这里插入图片描述][2589201ce5c54bbfb6e897356e2ac2e7.png]  
添加进去 数据就来了  
![在这里插入图片描述][d736d819f1594de6b8e6eb95b89ac71e.png]  
拖动之后 热量就也出来了  
![在这里插入图片描述][a27aeaf28dbb40bea4128b9532beb785.png]

[32ba70c2e53c41e5a2840fcd23e6ef16.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/51791fe0bcc04842b10bb8c878c96404.png
[e236d7ead0b042f2999b32ef3ad111b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/4f2786a1562c48bcbd790bc590a88ccd.png
[e7da6846295845a29f1794604d8a83c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/285d9fd79cfb46a9b991e5c2876c8f7d.png
[9988e1fcc06149069b8584479a83f60a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/70372d1b4ab24574ab40ffa179a65d2a.png
[d2d53301561f4ac88136c7a1c72fba8e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/57b92bc7740a4a5abce37c9aca284992.png
[c647e12577474089b9e28733699349fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ae5a545d0dff4d80a15ecc6eba0abec1.png
[2586675d83e047468ab38d069062848a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/405b6ae4a50c425fa8e4ae5d38d0e6c2.png
[32461a3df5134ae1b46669aaa659dd71.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/f4aca7bcacdf4b03a84da2265407fb87.png
[2589201ce5c54bbfb6e897356e2ac2e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/a2a7bb02726142fca5d8cdbf75e704c5.png
[d736d819f1594de6b8e6eb95b89ac71e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/5a26e7588d31483b979859269c15f26b.png
[a27aeaf28dbb40bea4128b9532beb785.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/6ca3b46e740848289eb3a61e72c6ad14.png