您当前的位置: 首页 >  ui

苍狼王unity学院

暂无认证

  • 0浏览

    0关注

    305博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

苍狼王unity学院 发布时间:2019-08-05 14:49:52 ,浏览量:0

1、新建一个Image,将Text放到下面,制作一段长文字,宽度和Image保持一致,拉长将所有文字显示出来,如下所示: 在这里插入图片描述

2、Image上面新加组件Scroll Rect组件,Content里面将Text拖上去,如下: 在这里插入图片描述

3、添加遮挡组件Mask,遮挡住多余的文字,效果如下所示: 在这里插入图片描述

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

在这里插入图片描述

5、将Scrollbar添加到Scroll Rect组件里面 在这里插入图片描述

6、最终显示效果:滚动滑动条即可,上下查看文字文本列表。 在这里插入图片描述

在这里插入图片描述

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

关注
打赏
1665389160
查看更多评论
立即登录/注册

微信扫码登录

0.0739s