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

原创 黑马健康APP实现

要成功运行两种接口还要改变ItemList组件中的代码,将原先写死的数据改为数据模型中的数据。注意,因为食物和运动两种记录中的分类数量不同,所以导航条部分应该是动态的,可以用ForEach循环渲染完成。ItemModel中需要两个接口,分别用于查询出全部食物或运动和查询出对应分类的食物或运动。首页具有的数据模型有:饮食统计信息数据模型、饮食记录分组数据模型、饮食记录本身数据模型、食物及运动(记录项)数据模型。以记录项模型为例,记录的内容分为两种:饮食和运动。所以先定义记录项的类型,再完成记录项模型。

2024-06-25 21:38:57 115

原创 黑马健康APP实现-食物列表页

由于数字键盘部分比较复杂,把这部分封装到一个组件中完成。这部分要用到一个容器性的组件Grid()。

2024-06-25 17:52:54 1584

原创 黑马健康APP实现-食物列表页

当点击食物列表页中的食物,会跳出该食物的详细信息,如热量、碳水、蛋白质、脂肪含量,还可以选择想要添加的数量,点击提交,完成饮食记录的添加。

2024-06-25 16:00:58 1176

原创 黑马健康APP实现

现在,由于我们使用的是自定义的样式,当我们选中一个标题,标题不会再向上图一样变蓝了。同时,判断每一个脚标是否是切换到的那个,若是为蓝色,不是为灰色。在这一页面,当我们点击日期时会弹出一个日期的选择器,当我们选择一个日期将会显示该日期对应的记录。此时,导航条的位置在页面上方,和我们要实现的页面导航条的位置不同。如同,界面底部是一个导航栏,当我们选择导航栏中的选项时,上面的界面将会发生变化。默认情况下,tabBar样式就是一个纯文本,想要加图标需要自己定义一个函数,在函数中定义自己想要的样式。

2024-06-25 10:49:54 1276

原创 黑马健康APP实现

因为要有用户首选项来保存,所以在进入页面时加载用户首选项,次数来判断用户是否同意协议。若没有同意过,则弹出用户隐私协议弹窗,再次询问用户是否同意,若同意,则保存首选项并进入首页,反之,推出APP。单纯添加完内容后,文字与文字之间的距离太近,可以在Column容器中添加space,增大间距。其次,第二张图片和下面的文本应该在底部,第一张图片处于一种居中的位置,设置布局权重.layoutWeight(1)。必须有成员变量controller,用来控制弹窗的状态,不用初始化,当我们需要使用时再初始化。

2024-06-22 19:52:42 138

空空如也

空空如也

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

TA关注的人

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