26
2017
09

Unity UGUI 之 Scroll View 使用

今天想用个Scroll View做个歌曲列表,结果碰到好几个问题,还是靠搜索引擎解决了,在此做个记录先。

1、Scroll Rect面板

直接在Hierarchy面板中右击创建即可
这里写图片描述
列表不需要左右滑动,所以去掉Horizontal,相应的Horizontal Scroll Bar也就可以去掉了,其实如果只是需要一个滑动列表功能的话,Scroll Bar不需要也可以,直接滑动内容即可

Movement Type:
Elastic表示列表拉至顶部或者底部时,还可以继续拉动一部分距离,然后在经过Elasticity的时间回复
Clamped表示不会拉动多余的距离
Unrestricted表示随便怎么拉,拉到那算那,也不会自动回复

2、Content(放置要显示的数据)

这里写图片描述
先给这个Content 添加两个组件,GridLayoutGroup 和ContentSizeFitter

GridLayoutGroup:
GridLayoutGroup的作用就是给数据源进行排版
Padding就是数据源距离Content的各个边的距离
CellSize:就是每个Item的大小
Spacing:就是Item与Item的间隔
Start Corner: Upper就是顶部, Lower就是底部, Left Right是左边或者右边开始,例如有四个数据,分别是ABCD,分为两排两列进行排版,如下图,这里的Start Axis是Horizontal
这里写图片描述
Start Axis:按照水平排列(Horizontal)或者是垂直排列(Vertical)
Child Alignment:数据的排列方式
Constraint:
Flexible = 0, //不限制行数和列数
FixedColumnCount = 1, //约束指定数量的列数
FixedRowCount = 2 //约束指定数量的行数

Content Size Fitter:根据Content的全部子物体的大小,进行动态改变Content的大小,保证Content能把全部的数据通过滑动显示出来。

上一篇:多线程和异步处理 下一篇:Window上搭建 ES6语法测环境