- 博客(14)
- 收藏
- 关注
原创 10. 数据模型——记录项
首先需要有这样一个数组遍历数组生成一个个的tabBar这个数组中不仅包含tarBar信息还包含TabContent信息所以需要用对象封装。在营养素这一栏运动没有碳水,蛋白质,脂肪这个三项,我们可以让食物数组,和运动数组的Id不一样借用Id来判断是食物还是运动。ForEach(items,(item:RecordItem)在foreach循环的时候应该传之前定义好的食物数组。在Tabs显示内容的时候没有把判断是食物还是运动传进去发现还是不行它还是显示未定义。把食物或者运动某一类的里面的属性抽取出来。
2024-06-18 15:40:15 355
原创 14. 实现数据持久化和页面交互
一开始进入是触发aboutToAppear(),进行一次查询当点击点击跳转到另一个页面然后返回时组件不会触发aboutToAppear()。希望页面每次加载是都进行查询RecordIndex是一个组件并不是页面。@Builder创建的Builder函数默认情况下传的只是值而不是引用导致了当这些值发生变化时不会触发重新渲染,需要变成引用。进入以后可以取出跳转时传的信息定义一个生命周期钩子饮食列表页父亲告诉。记录首页点击早餐会进入食物详细页需要知道跳转到哪一个组。面板点击提交以后要对数据持久化报存。
2024-06-17 21:58:35 321
原创 13. 饮食记录业务层开发
查询这个地方是用的ItemModel里面一个getById方法,借助itemId来查询但是运动的记录项ItemId是在10000开始的想让他从0开始跟数组下标一致,直接让itemId减去10000就可以。既可以是记录项类型也可以是记录类型,分组数据既可以是食物运动也可以是饮食记录它是变化的所以用泛型。
2024-06-17 20:25:59 21
原创 12. 数据模型——通用DB工具
导包倒不过来,因为RecordModel是ets而EntryAbility是ts所以需要把EntryAbility变为ets。在RecordModel操作有关饮食记录的model增删改查。数据库字段信息由于创建表的属性名称和之前定义的名称不一样。通用方法DbUtil.ets封装一下。需要用到的时候直接导包就可以。封装一个方法用来解析。
2024-06-17 19:07:25 297
原创 8. 食物列表——数字键盘
参数名参数类型必填参数描述scrollerScroller否可滚动组件的控制器。用于与可滚动组件进行绑定。不允许和其他滚动类组件绑定同一个滚动控制对象。8.5.1。
2024-06-16 16:44:36 1685
原创 7. 食物列表——底部Panel
参数:参数名参数类型必填参数描述showboolean是控制Panel显示或隐藏。如果设置为false时,则不占位隐藏。或者show之间有一个生效时,都会生效不占位隐藏。
2024-06-16 15:31:12 23
原创 6.饮食列表——食物列表页
首先定义一个TabContentBuilder组件用来存放循环食物列表,这些作文TabContent里面的内容,本来是把TabContent也写到自定义组件里面的但是会报错。给图片加上点击事件,用户点击返回图片以后会返回到上一个页面(使用router.back())定义一个header组件里面存放返回的图片和早餐的字样。
2024-06-16 13:04:20 195
原创 5.饮食记录——记录列表
start: ListItem向右划动时item左边的组件(List垂直布局时)或ListItem向下划动时item上方的组件(List水平布局时)。- end: ListItem向左划动时item右边的组件(List垂直布局时)或ListItem向上划动时item下方的组件(List水平布局时)。我们可以设计为一组然后进行遍历,首先是一个column的容器整体需要一个foreach进行循环以及列表组件list,分为分组的标题,组内记录列表。指向的是当前组件的实例,而不是调用它的元素或者其他对象。
2024-06-16 11:39:33 1138
原创 3.饮食记录——顶部搜索栏
这个地方的搜索栏是一个特殊的文本框,不能在使用Text,需要使用一个新的组件Search()。设置搜索图标路径,默认使用系统搜索图标。说明:icon的数据源,支持本地图片和网络图片。- 支持的图片格式包括png、jpg、bmp、svg、gif和pixelmap。- 支持Base64字符串。格式data:image/[png|jpeg|bmp|webp];base64,[base64 data], 其中[base64 data]为Base64字符串数据。在做的过程中出现了错误。报错:The component
2024-06-09 15:27:54 1693
原创 2.饮食首页Tabs实现
利用@Builder自定义组件,利用fillColor,主要是用来切换不同的颜色注意:切换颜色的图片类型一定要是svg格式的。.width(22).fillColor(this.selectColor(index))//图片一定要是svg格式利用index判断用户切换到哪一页,看是否于this.currentIndex相符合若符合则为绿色,否则为灰色。
2024-06-09 13:53:28 234
原创 1.饮食记录欢迎页面的实现
整体是一个列式布局前两个text直接作为字符串存放在string文件中,直接调用即可接下来就是两个按钮(同意和不同意)点击同意关闭弹窗会直接跳转到首页,点击不同意关闭弹窗直接退出应用自定义一个弹窗组件和确认,取消方法。在欢迎页面首先要声明弹窗控制器用户需要实现什么逻辑功能在builder里面自定义一下利用aboutToApperar()方法在页面一开始就加载。第一行文字需要用一个Row()容器中间IPv6的实现利用Text中的radius属性来设置圆角。
2024-06-01 20:57:41 436 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人