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能把全部的数据通过滑动显示出来。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值