UGUI ScrollView滑动制作

ScollView的滑动效果的制作,在游戏开发中还是比较重要的,但是有很多同学老是掌握不到技巧,导致老是出错,今天就来说一下ScrollView的制作方法。

首先看一下场景,创建了一个空节点,当作界面的父节点

然后继续创建空节点SV,SV的区域需要拉一下,大致为以后的滑动区域(显示物体区域),如图:

继续创建空节点ScrollRect,区域如下

右侧加入ScrollRect组件

加入空节点ViewPort,区域大小和需要添加的组件如图:

加入空节点Content,添加的组件如图

接下来Item登场,先来看一下Item长什么样

把Item多复制几个放入Content下面

发现图片变成这个*样了,背景貌似被所短了。

接下来点击Content把GridLayoutGroup里面的CellSize尺寸调整一下,这个是控制每个Item的尺寸

 

接下来调节这个参数:

效果

接下来调整GridLayoutGroup对应参数(这里如果是两列就填2)

下图Spacing为每个Item之间的间隔

接下来把对应的Content和ViewPort拖入相应位置

最后把水平滑动取消,因为这个案例是垂直上下滑动

最后就可以滑动啦

由于时间有限,编写仓促,有问题的同学请与老师沟通。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值