Unity 笔记 Scroll View参数设置

type

status

date

summary

一、概述

在项目开发中，我们或多或少会需要实现一些基于拖拽显示的功能，例如任务详情列表，左右滑动选择关卡，背包系统等，这时UGUI的Scroll View控件可能是我们常用的选择。

在Hierarchy窗口中点击右键，在UI列表中选择创建Scroll View控件后，Scroll View会自动包含三个子对象，如下图：

Scroll Rect是滚动视图组件，也是UGUI中用于处理滚动视图相关交互的关键组件，组件内容如下图：

Content

💡

滚动视图内真正内容的父对象，它的大小决定了滚动视图能拖多远

Content作为我们想要显示内容的父对象，我们可以将想要真正显示的内容放在Content对象下（即作为子对象），如下图所示。Content尺寸的大小会自动影响拖动条的大小，例如当我们往外放大Content的尺寸时，拖动条会自动变小，意味着有更多的内容可以被显示。

Horizontal

开关：是否允许水平拖动，如果关闭则表示禁止横向拖动

Vertical

开关：是否允许竖直拖动，如果关闭则表示禁止上下拖动

Movement Type

💡

滚动视图元素的运动类型，主要控制拖动时的反馈效果

Elastic（常用）：回弹效果，当Content被拖拽超出边界时，放开后Content会自动弹回。选择该运动类型时能够设置Elasticity参数，数值越大回弹速度越慢

Inertia

开关：如果开启，拖动时松开鼠标后Content还会具有一定的移动惯性，Deceleration Rate表示减速率（0-1），0 表示没有惯性，1 只有当根据惯性一直移动到达Content边界时才会停止

Scroll Sensitivity

控制滚轮（鼠标中键）和触摸板（笔记本）的滚动敏感性。数值越大滚动越快

Viewport

💡

滚动视图内容窗口大小，尺寸由父对象Scroll View控制

该对象的尺寸大小即我们所能看到的视图窗口大小，通过拖拽Scoll View对象我们能够放大或者缩小视图窗口大小。视图窗口的遮挡效果正是由Viewport对象下的Mask组件实现的

Horizontal Scrollbar

水平滚动条，会自动被关联

Visibility

💡

控制滚动条的隐藏模式

选择了模式后，如果Content尺寸小于Viewport视图窗口大小（即视图窗口内容很少）时，滚动条会自动的被隐藏，但不会更改Viewport尺寸

选择了该模式后，如果Content尺寸小于Viewport视图窗口大小（即视图窗口内容很少）时，滚动条会自动的被隐藏，并且将Viewport尺寸扩大到Scroll View尺寸，如下图：

Spacing

💡

滚动条和视图窗口之间的间隔空间

初始值默认是-3，意味着其实视图中有3个像素点会被滚动条所遮挡，当调整为5时如下图所示：

如图片加载失败，可以刷新多试几次