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

Super ScrollView for UGUI提供基于UGUI ScrollRect的可轻松定制的ScrollView。它是一组C#脚本,可帮助您创建所需的ScrollView。这是非常强大的和高度优化的性能。 文件 Android演示应用程序 演示: - 聊天消息列表演示 - 水平画廊演示 - 垂直画廊演示 - GridView演示 - PageVew演示 - TreeVew演示 - 与稠粘头演示的TreeView - 旋转日期选择器 - 更改项目高度演示 - 下拉刷新演示 - 拉起来加载更多的演示 - 点击加载更多演示 - 选择并删除演示 - GridView删除项目演示 - 顶部到底部的演示 - 自下而上的演示 - 从左到右的演示 - 右侧演示 - 响应GridView演示 - TreeViewWithChildrenIndent演示 特征: - ListView和GridView和TreeView - 无限的项目 - 项目在不同的大小(高度/宽度) - 具有不同预制的物品 - 在初始时间大小未知的项目 - 垂直滚动视图(从上到下,从下到上) - 水平滚动视图(从左到右,从右到左) - 项目填充 - 滚动到指定的项目 - 滚动到具有偏移量的项目 - 项目计数在运行时更改 - 项目大小(高度/宽度)在运行时更改 - 物品捕捉到视口的任何位置 - 项目循环,如微调 - 添加/删除项目 - 全部删除/删除所有项目 - 刷新并重新加载项目 - 使用池缓存项目,不要在运行时销毁项目 - 有效回收物品 - 平台无关 - UGUI支持 - 支持Unity平台(IOS / Android / Mac / PC / Console / Winphone / WebGL ...)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值