unity 利用Scroll View 制作垂直滚动条

1-列出控件,按照下图的方式组织所有的控件,注意不要从GameObject菜单创建ScrollView,而是应该创建一个空的Panel添加ScrollRect组件

注意:Panel与ScrollBar同级,Text在Panel的子层级。
unity 利用Scroll View 制作垂直滚动条_第1张图片

2-为Panel要添加两个组件

ScrollRect:他是实现滚动效果的。

注意要将Content字段,设置为Text,这表示,将Text作为滚动内容显示区

注意将Horizaontal取消勾选,只保留Vertical。

Mask:他的作用是,提供一个遮罩,让你只看到视口里面的内容,而看不到其他内容。

3-为Text添加一个Content Size Filter组件

这个组件是用来适配控件大小的,因为是垂直滚动,所以可以不要管第一个选项,只将Vertical Fit 设置为 perfect size.
在这里插入图片描述

4-注意设置Text的RectTransform里面的Povit为(0.5f,1)这样才能保证文字长度无论怎样变化,控件都是针对顶端对齐的。(这里应该是改变anchor锚点为顶端)

5-至此,基础功能已经做完了,拖动文字,就可以滑动整个文字区域了。一般来讲,滚动条对于手机而言,多为显示作用,很少有人真正去拖动滚动条去控制文字上下滑动,因为太难点到他了,如果一定要有滚动条,那么继续往下看。

6-设置滚动条:

HandleRect和ColorTint里面的TargetGraphic一定都填写,ScrollBar下面的Handle物件。

方向填写BottomToTop,注意不要填反了。其他选项看心情随意调

7-回到Panel物件,上面的ScrollRect,将Vertical ScrollBar设置为你创建的ScrollBar

你可能感兴趣的:(unity 利用Scroll View 制作垂直滚动条)