自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 黑马健康APP——底部Panel以及数字键盘的实现

本次实验主要完成了底部Panel以及数字键盘的实现,对于用户点击食物后的弹窗效果,主要是通过,Panel实现,Panel即可滑动面板,一轻量化的内容展示窗口,方便在不同尺寸中进行一个切换随后便可以在其中定义面板中所需要的内容,对于数字键盘的实现,则是使用了Grid网格组件,通过该组件的属性,来控制行以及列的数量,随后使用ClickDetele来对用户输入的数字进行一个判断与拼接,从而达到数字选择面板的效果。

2024-06-25 17:52:07 395 1

原创 黑马健康APP——记录列表和食物列表页

本次实验主要完成了记录列表以及食物列表页的设计,记录列表的实现主要是通过ListItem来实现列表以及使用Foreach()循环来进行复制,从而达到该效果,食物记录列表页的实现,主要是使用列式布局,以及Tabs组件大搭配使用,来实现该效果。

2024-06-25 17:03:52 224

原创 黑马健康APP——统计卡片

首先使用一个row容器将日期信息放入其中,随后可以调整其属性,来控制颜色,尺寸,以及间距,对于弹窗的实现,使用DatePicker组件来实现日期选择器,其中包含三个参数,start,end,selected。饮食记录统计也是可以看成一个从上到下的列式布局,第一行设置一个日期的展示,包含一个小的按钮,点击该按钮时,会弹出日期选择窗口,选择好日期后,接下来的信息显示的均为该日期的信息,统计信息也分为两部分,包括热量的显示,以及营养素的统计卡片,通过下面的穿梭框来实现卡片的滑动。三.设计中遇到的问题。

2024-06-23 21:57:34 322

原创 黑马健康APP——首页Tabs以及顶部搜索栏

本次实验主要完成了页面的快速转换以及顶部搜索栏的实现,对于页面的快速转换,可以使用Tabs组件来实现,通过其中的TabBar以及TabContent分别控制底部的导航栏,以及控制中间的内容。对于顶部搜索栏的实现,只要是运用了Search来实现。

2024-06-23 13:30:53 383

原创 黑马健康APP——欢迎页面业务

欢迎页面业务的开发主要涉及了用户隐私信息弹窗这个自定义弹窗的实现,通过声明以及调用便可以实现自定义弹窗,其次还有按钮以及与按钮相应的点击事件的实现,open以及close等,最后关于用户信息的存储,则是使用了首选项来完成。

2024-06-22 22:10:59 258

原创 黑马健康APP开发——欢迎页面UI设计

欢迎页面的UI设计相对而言较为简单,主要设计到页面的总布局,以及row容器的使用,还设计到了布局权重的部分知识。

2024-06-22 21:33:22 311

空空如也

空空如也

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

TA关注的人

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