【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就会自动隐藏。

你可能感兴趣的:(游戏引擎)