unity中scrollrect组件的使用,viewport必须选择(制作内容滑动模块)

scrollrect组件:
制作内容页面滑动效果,例如任务界面,关卡选择界面,所有超出可视范围的内容,都可以使用。

完整示例如图:
在这里插入图片描述
上图任务界面,可以上下滑动查看其他任务。

scrollrect组件需求:(此处没有选择添加滑动条,需要的话,创建一个scrollbar,拖入组件响应位置即可
1,一个带有mask遮罩的物体,限定内容展示范围
2,一个内容集合的父物体,动态生成的内容可以选择添加网格或者水平布局组件
3,一个添加scrollrect组件的物体,用于设置组件的各种属性
此时选择,物体3作为1的子物体,物体2作为3的子物体:
在这里插入图片描述
分别添加组件:注意此时选择的mask组件为Rect Mask 2D,选择Mask是无效的
在这里插入图片描述

关于遮罩和Group的设置,此处略过不写,开始设置scrollRect组件:
首先把parent物体拖入content,设置展示的内容;
其次把TaskAggregateMask拖入viewport,设置可视范围。

然后基本的滑动设置完成,可根据你的内容范围,勾选水平或者垂直滑动。

另外unity提供了三个不同的滑动效果可供选择,在momentType一栏中,可以选择:
1,不限制的(unrestricked)
任意滑动,不建议选择,内容框会滑出可视区域,导致无法返回。
2,弹性的(Elastic)
根据设置的弹性数值,滑动的内容有一定的回弹效果,在开始或者结束的时候,向内容外滑动,会自动回弹。建议弹性值设为0.1-0.5之间,效果比较Q弹。
3,已钳制(clamped)
根据内容的长短进行滑动,没有弹性效果,滑多少就动多少,看起来比较死板~~

最后一个是content Size Fitter的使用小技巧:
自适应大小是围绕着物体的轴心进行匹配的,所以修改轴心的位置,可以使自动扩展向着想要的方向去扩展。例如:
选择轴心(1,1),则扩展会向下进行扩展。

此处哀声一下,刚开始自己没有指定viewport,不论选哪个momentType,都无法达到预期。
弹性和钳制直接不能滑动,强烈建议unity能加个必选的提示,关键是它这个viewport在编辑器里也没有文字说明~!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值