Unity中利用UGUI添加滑动页面和滑动条

当页面内容太多时我们使用滑动条控制页面显示内容滚动显示，那么如何实现呢？

首先，为了方便管理，我们先创建一个Panel，用来存放滑动页和滑动条，然后在Panel里面创建要滚动显示的内容，如Text、Image等，若希望创建带背景的Text，则可以创建一个Image，在Image中创建Text。

然后给Image添加一个Scroll Rect

Content：想要滚动的内容

Horizontal：横向滚动，打勾即允许

Vertical：纵向滚动，打勾即允许

Movement Type：滚动类型

Unrestricted：无限制的滚动，无回滚

Elastic：有限制的滚动，有回滚

Elasticity：回滚系数，数值越大弹性越小

Clamped：有限制的回滚，无回滚

Inertia：惯性

Deceleration Rate：减速率

Scroll Sensitivity：滚动的灵敏度

Horizontal Scrollbar：横向滚动条

Vertical Scrollbar：纵向滚动条

添加这个脚本之后Text就可以滚动的，具体如何滚动需要调节，根据以上参数。这是要注意需要滚动的Text的内容必须在Text组建中就已经显示完全，否则滚动也显示不出来。为了将超出Image部分的Text遮住，我们再给Image添加一个Mask组建。

无需修改参数即可。

然后在Panel下添加一个Scrollbar，添加方法是Creat>UI>Scrollbar，或者右键Panel添加。

这里参数后续再讲解。

将Scrollbar赋给Scroll Rect组建中的Vertical Scrollbar，同时设置Direction为Bottom To Top，滚动页面完成。