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制定了“显示的有限空间”,可以直接改变Vi

本文介绍了Unity中UGUI Scroll View的使用方法,包括如何在有限空间内展示多个Toggle选项,以及如何实现文字页面的滚动。通过设置Scroll Rect组件、Content、Viewport和Scrollbar,调整Movement Type和Inertia等属性,实现舒适的滚动体验。当Content完全显示时,Scrollbar会自动隐藏。
最低0.47元/天 解锁文章
1700

被折叠的 条评论
为什么被折叠?



