素材巴巴 > 程序开发 >

UGUI ScrollView滑动制作

程序开发 2023-09-08 13:27:47

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

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

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

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

右侧加入ScrollRect组件

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

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

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

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

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

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

 

接下来调节这个参数:

效果

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

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

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

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

最后就可以滑动啦

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


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。