UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)

1、新建一个Image,将Text放到下面,制作一段长文字,宽度和Image保持一致,拉长将所有文字显示出来,如下所示:
UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第1张图片

2、Image上面新加组件Scroll Rect组件,Content里面将Text拖上去,如下:
UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第2张图片

3、添加遮挡组件Mask,遮挡住多余的文字,效果如下所示:
UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第3张图片

4、右键新建Scrollbar,在Direction里面调节为从上到下滑动。如下所示:

UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第4张图片

5、将Scrollbar添加到Scroll Rect组件里面
UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第5张图片

6、最终显示效果:滚动滑动条即可,上下查看文字文本列表。
UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第6张图片

UGUI_01_创建ScrollRect下拉文本列表(上下滑动滑动条可以查看文本列表)_第7张图片

7、方法总结:
1)、新建image,将Text拖到下面。
2)、给image加上Scroll Rect组件,将text拖到content上面去,再添加上mask组件,起到遮挡作用。
3)、右键新建Scrollbar,将Direction里面调整为从上到下滑动方式。
4)、将Scrollbar拖到image上面的Virecal Scrollvbar上面。

你可能感兴趣的:(UGUI开发,游戏开发+虚拟仿真)