【UGUI】Scroll View的基本使用方法

1.效果图

2.目标功能：

（1）在左侧有限空间内放置一系列的Toggle，滑动可以选择不同Toggle。

（2）滑动文字页面/滑动条，可以看到所有文字

3.实现工具：

   Scroll View (滚动视图，可在GameObject->UI->Scroll View处创建)

4.Scroll View解析：

（1）在Scroll View这个物体身上挂了Scroll Rect这个组件，其中已经自动指定了Content，Viewport，Vertical Scrollbar（如果自己给游戏物体添加Scroll Rect组件，要注意给这些属性赋值，其中Content和Viewport是必需的）。

（2）简单介绍一下这个组件的常用属性。因为使用滚动视图的原因是有限空间无法显示出足够的内容，所以制作时就要指定好两个部分：显示的有限空间，真正要显示的全部内容。

         真正要显示的全部内容就是Content部分。可以在Content上添加Layout组件（比如：Vertical Layout或Grid Layout等）来组织UI元素的排版。在编辑的时候会发现超出Scroll View边界的Content就看不到了。这是因为Viewport上有一个Mask组件，就是通过mask制定了“显示的有限空间”，可以直接改变Viewport的大小来修改。

（3）除此之外，还要注意Movement Type这个属性，一般情况下我都选择Clamped，滑动的时候不会出现Content的位移，比较舒服。如果已经选择了Clamped还会发生位移的话，可以检查一下Content是否填充满Viewport。

（4）Interia属性：如果勾选，滑动的时候就会有一种惯性的感觉，Deceleration Rate就是停下来的速度。

（5）Scrollbar下面的Visibility属性，“Auto Hide And Expand Viewport”表示：如果Content的内容全部在显示范围内，Scrollbar就会自动隐藏。