第二十六篇(书中 9.18.1 ~ 9.18.3 节 内容)
好的,今天开始 9.18节 吧。
哇,真心够长的啊。总结一下重点:
1、用代码创建List,并和Scroller结合。
2、EXML中使用Scroller和List组件。
3、自定义List组件中的每一个项ItemRender。
操作:
1、用代码创建List,并和Scroller结合。
2、EXML中使用Scroller和List组件。
第一步,拖入Scroller组件,但是Scroller组件里,自带了一个Group组件。没关系。
第二步,拖入List组件进入Scroller里。调整List的坐标x,坐标y的位置。约束List组件的大小。
第三步,给List起好ID名。
第四步,创建关联类,并实例化关联类。
第五步,运行。
emmm。。。什么都没有,额。。我犯了一个错误。忘记关联EXML文件了。
现在就有了,但是,还有问题,我无法滚动内容。
是的,可能是书中内容老旧,还是新版本的问题,总之,还要设置一些东西。
就是Scroller的viewport要设置。
那么,就要在代码里设置了。
这样就完成了。
3、自定义List组件中的每一个项ItemRender。
第一步:
准备素材。
创建一个EXML文件 MyItemRender.exml。
并且拖入组件,设置好每个组件的数据源字段。
额。。。把 MyItemRender.exml 改名成 MyItemRenderSkin.exml 。
第二步:
创建关联 MyItemRenderSkin.exml 文件的类。
第三步:
回到 ScrollerAndListSkin.exml 文件,把 List组件 的皮肤设置成 MyItemRenderSkin 。
如果找不到 MyItemRenderSkin 的皮肤,就要重新加载一下。
修改 ScrollerAndList 类。
第四步:
运行查看效果。
我这里的效果是做了一些微调的。
ScrollerAndListSkin.exml 文件中,List 组件 布局采用垂直布局,垂直间距设置为 5。
MyItemRenderSkin.exml 文件中,上面的Label 文字大小改为 25。
MyItemRenderSkin.exml 文件中,下面的Label 文字大小改为 20,高度改为20。
至此, 9.18.3 节内容结束。
没想到 9.18节有这么多个 段落。。。今天我做卫生去了,所以很晚才能写日记,9.18节干不完了。
今天就先到 9.18.3 节吧。。明天继续。
Egret入门学习日记 --- 第二十六篇(书中 9.18.1 ~ 9.18.3 节 内容)
原文:https://www.cnblogs.com/dmc-nero/p/11299084.html