unity3D UGUI学习 (四) ScrollView复合UI组件

ScrollViewUI物体对象

可以直接创建一个ScrollView,也可以手动添加多个UI对象组件,组成一个ScrollView
这里主要讲ScrollView的组成。通过手动添加,了解ScrollView的组件脚本和UI对象

ScrollRect

unity3D UGUI学习 (四) ScrollView复合UI组件_第1张图片
Content就是可以滑动的窗口对象,Content一般是空的子物体。当Content的大小比其父类(父类有Mask组件)更大的时候,则可以有滑动窗口的效果
往下看也可以知道,可以拖入ScrollBar组件,对应控制窗口上下垂直滑动,左右水平滑动

Mask组件

Mask组件是用来作模板缓冲,涉及GPU材质渲染,这里主要来说使用方法。
也很简单,就是将超出的当前物体部分的子物体图像给裁切(隐藏)
unity3D UGUI学习 (四) ScrollView复合UI组件_第2张图片

Mask组件常常和ScrollRect组件配合使用,做滑动窗口的效果

可以配合网格,做滑动窗口

在一个Panel下创建空的子物体,给它加上Grid 和ContentSize 组件
给父UIPanel加上ScrollView,把Gird作为ScrollView的Content
这里ScrollView的Vertical 和Horizontal 根据情况选勾

然后Grid下的子物体就是Item(根据需求制作),多加入几个配合Grid的大小设置,播放就可以滑动了

unity3D UGUI学习 (四) ScrollView复合UI组件_第3张图片
Grid子物体下加入LayoutGroupGrid 和ContentSizeFitter组件,并进行设置
unity3D UGUI学习 (四) ScrollView复合UI组件_第4张图片

这里补充一些细节:
Grid下的子物体只能设置具体的大小,但是其子子物体是可以移动的。
因此在设置图片的时候还是要多理解细节。

你可能感兴趣的:(UGUI)