制作根据实时获取的数据动态改变的列表,ugui 的 scroll view 已经封装好了基本的参数,总结一些值得注意的地方和动态生成列表的方法。
在 canvas 创建 scroll view 后,基本结构如下。
一. 注意两点:
1. content 下放自定义的列表内容,如这个 item 是名为“张三”的 button 预制件。(制作为 button 因为我的项目里需要点击列表项产生交互结果)
2. 如果是顶部固定,往下依次延伸的列表,content 和里边自己的 item 中心锚点要一致,如下设置 anchors 的参数,锚点在content 和 item 的顶部正中
二. 动态生成列表
主要计算每个新生成的 item 的位置,以及根据总体 item 个数更新 content 高度
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
public void onitemcreat( int _count ) { //销毁之前的生成的item,清除列表 for ( int i = 1 ; i < itemlist.count;i++ ) { destroyimmediate(itemlist[i]); } itemlist.clear(); //在 content 里生成 _count 个item if (_count > 0 ) { item.setactive( true ); //第一个item实例已经放在列表第一个位置,直接激活 itemlist.add(item); int i = 1 ; while (i<_count) { gameobject a = gameobject.instantiate(item) as gameobject; a.transform.parent = content.transform; //设置为 content 的子对象 itemlist.add(a); recttransform t = itemlist[i - 1 ].getcomponent<recttransform>(); //获取前一个 item 的位置 //当前 item 位置放在在前一个 item 下方 a.getcomponent<recttransform>().localposition = new vector3(t.localposition.x, t.localposition.y - t.rect.height, t.localposition.z); a.getcomponent<recttransform>().localscale = new vector3( 1 , 1 , 1 ); i++; } //根据当前 item 个数更新 content 高度 content.getcomponent<recttransform>().sizedelta = new vector2(content.getcomponent<recttransform>().sizedelta.x, itemlist.count * itemheight); } else { item.setactive( false ); } } |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/wdear0401/article/details/79520009