自定义博客皮肤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)
  • 收藏
  • 关注

原创 鸿蒙个人项目-饮食记录-记录列表

这段代码定义了一个列表的构建方法。首先,使用List组件创建列表,并设置了间距为。通过ForEach循环生成多个列表项,每个列表项包含一个垂直布局的Column。在Column中:有一个水平布局的Row作为分组标题,包含早餐的图标、“早餐”文本(字体大小 18 ,字重 700 )、建议热量(使用自定义的grayText样式)、空白、具体热量值(字体大小 14 ,颜色为)和添加图标(填充颜色为),且标题部分宽度占满 100%。内部还有一个列表,通过另一个ForEach循环生成组内记录列表项。

2024-06-19 21:53:15 507

原创 鸿蒙个人项目-饮食记录-统计卡片

这段代码定义了一个build方法,用于构建一个页面的布局和内容。首先,使用Column组件进行垂直布局。在这个Column中:有一个Row组件用于显示日期信息,包括格式化后的日期文本和一个Spinner 样式的图片。文本的颜色和图片的填充颜色都设置为特定的颜色,并且Row还添加了点击事件,触发时可能会执行操作,并设置了内边距。接着是一个Swiper组件,用于实现滑动切换的效果。可能用于展示热量统计相关的信息。可能用于展示营养素统计的内容。Swiper。

2024-06-18 23:41:10 954

原创 鸿蒙个人项目-饮食记录-顶部搜索栏

总的来说,这两段代码展示了如何在鸿蒙应用中通过巧妙的布局和组件使用,构建出功能丰富、布局合理的页面,为用户带来便捷和舒适的交互体验。无论是搜索功能的实现,还是信息的展示与提示,都体现了对用户需求的深入理解和精心设计。这个顶部搜索栏项目不仅是技术的实现,更是对用户需求的深入理解和关怀的体现。相信它将为用户在饮食记录应用中带来全新的、更加便捷的使用体验,帮助用户更好地管理自己的饮食健康。

2024-06-17 21:42:18 518 1

原创 鸿蒙个人项目-首页Tabs

这段代码构建了一个自定义的索引结构Index,整体设计逻辑清晰,功能明确。通过使用状态变量来跟踪当前选中的标签索引,实现了页面状态的动态管理。函数的设计巧妙,它能够根据传入的参数生成统一风格的标签栏内容,包括图片和文本,并通过函数根据选中状态动态设置颜色,增强了用户交互的可视化效果。在build方法中,利用Tabs组件创建底部标签栏布局,清晰地定义了三个不同的标签内容及其对应的标签栏样式。通过onChange事件及时更新的值,保证了状态的同步和页面的响应性。

2024-06-17 19:21:06 404

原创 鸿蒙个人项目-欢迎页面业务、UI实现

随着鸿蒙系统的不断发展与普及,越来越多的开发者开始投入到鸿蒙应用的开发中。欢迎页面作为用户首次接触应用的界面,其业务逻辑与UI设计的合理性直接关系到用户的使用感受和后续的使用意愿。因此,将重点介绍鸿蒙个人项目欢迎页面的业务实现与UI设计。鸿蒙个人项目欢迎页面的业务实现与UI设计旨在为用户提供便捷、高效的服务体验。通过合理的业务逻辑设计和UI设计思路,确保用户能够快速了解应用并顺利进入应用主界面。未来,我们将继续关注用户需求和市场变化,不断优化和完善欢迎页面的功能和设计,为用户带来更好的使用体验。

2024-06-15 22:26:56 551

空空如也

空空如也

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

TA关注的人

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