Unity的Scroll View和Grid Layout GroupUnity的Scroll View组件

59 阅读 0 评论 39 点赞

我是靠谱客的博主大意超短裙，最近开发中收集的这篇文章主要介绍Unity的Scroll View和Grid Layout GroupUnity的Scroll View组件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Unity的Scroll View组件

这玩意是干什么用的?
用来创建一个带滚动条的窗口, 比如: 很长的文本条例, 背包(带滚动条);

下面先介绍Scroll View组件的结构

创建方式, UI > ScrollView;
Scroll View包括3个孩子:

viewport是个mask遮罩, 用于遮挡底下的UI, 类似PS的剪切蒙版; 呃, 还不懂的话去百度"unity mask"; 然后viewport的孩子叫Content, 这个是所有内容的父物体: 背包里的东西, 都挂在他下面; 我们在后面讲他;
Scrollbar Horizontal是水平的滚动条;
Scrollbar Vertical是垂直的滚动条;

Scroll View创建出来了, 我们先看他上面挂着的Scroll Rect

Content: 上文有提, 这个空就填他;
Horizontal: 上文有提到那个水平的滚动条, 呃, 和他没有关系, 这个选项就是说, 你要不要水平能滚动? 不要的话就别打勾;
Vertical: 同上;
Movement Type: 运动类型, 有3个:

Elastic: 弹性的, 你一拉, 拉过头了, 它再弹回来, Elasticity就是这个弹性有多大;
Unrestricted: 没有限制的, 你一拉, 拉过头了, 害能继续拉;
Clamped: 固定的, 就没有弹性了;平常见的那种;

Inertia: 惯性; 滚动条的惯性;
Deceleration Rate: 减速率, 你要是做那种很长很长很长的文档, 请把这个设置的极小, 谢谢;
Scroll Sensitivity: 灵敏度, 鼠标滚动滑动一下, 走多远, 重要! 这个值一定要改大! 我觉得20左右合适, 不然根本滚不动
Viewport: 上文提到的大儿子, 填他;
Horizontal Scrollbar: 二儿子, 这个才是他;
Visibility: 可见性, 有3个:

Permanent: 永久的, 一直可见, 就是我们平时那种;
Auto Hide: 自动隐藏, 比如你背包里只有2个玩意, 此时根本用不到滚动条, 滚动条就会自动隐藏;
Auto Hide And Expand Viewport: 自动隐藏and扩展视图, Spacing就是扩展的距离, 说实话, 我不是很懂这个东西…;

Vertical Scrollbar: 三儿子, 同上;

在后面, 讲这个Content

如果你想做背包, 需要挂上Grid Layout Group这个组件;
如果只做一行的, 或者一列的, 就挂Horizontal Layout Group, 或Vertical Layout Group;
还要再挂个Content Size Fitter, 这玩意是自动扩展用的. 比如你的背包只显示10个格子, 你捡了12个玩意, 就会自动把Content变大, 由于Content的爸爸是Mask, 所以多出的那2个玩意就被Mask遮住了;

如果做长文本的, 挂个Text, 再挂个Content Size Fitter, 把Vertical Fit 改成Unconstrained;

说下Grid Layout Group吧

Padding: 填充, Left Right Top Bottom: 上下左右的距离;
Cell Size: 格子的大小;
Spacing: 格子的间隔;
Start Corner: 从哪个角开始, 比如你从右下角开始, 就会从右往左走;
Start Axis: 沿哪个轴, 水平还是竖直;
Child Alignment: 孩纸们的对齐方式, 类似word的对齐, 左对齐, 居中对齐什么的. 可惜没有两端对齐;
Constraint: 限制几行或者几列, 比如限制一行, 就变成Horizontal Layout Group了;

再说下Horizontal Layout Group吧

Padding: 上下左右的距离;
Spacing: 格子的间隔;
Child Alignment: 对齐方式;
Child Control Size: Width: 勾选"两端对齐后"才有用, 格子横向变大; Height: 同;
Child Force Expand Width: 横向的两端对齐(哦, 在这呢); Height: 同;