【UGUI】Scroll View的基本使用方法

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

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity中的ScrollView是一种滚动视图组件,用于显示超出显示区域的内容。它包含Viewport、Content和Scrollbar等子对象。Viewport是显示窗口,用于限制Content的显示范围。Content是实际显示的内容,可以是一个Panel或者其他UI元素。Scrollbar是滚动条,可以用于控制Content的滚动。 要在Unity中创建一个ScrollView,可以在Hierarchy视图中选择"Create->UI->ScrollView"。创建完成后,可以在ScrollView的层级结构中找到Viewport、Content和Scrollbar等子对象。 如果需要判断ScrollView是否被拖动,以及是否滚动到顶部或尾部,可以使用以下代码: ```csharp using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class ScrollViewTest : MonoBehaviour { private ScrollRect m_ScrollView; void Start() { m_ScrollView = GameObject.Find("Scroll View").GetComponent<ScrollRect>(); m_ScrollView.onValueChanged.AddListener(ScrollValueChange); } private void ScrollValueChange(Vector2 ve2) { Debug.Log("正在拖动滚动框"); if (ve2 == new Vector2(1,1)) { Debug.Log("滚动框在顶部"); } if (ve2 == new Vector2(0,0)) { Debug.Log("滚动框在尾部"); } } } ``` 这段代码中,我们获取了名为"Scroll View"的ScrollView组件,并监听了它的onValueChanged事件。当ScrollView被拖动时,会调用ScrollValueChange方法。在ScrollValueChange方法中,我们可以根据传入的Vector2值来判断ScrollView是否滚动到顶部或尾部,然后进行相应的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【Unity3D-UGUI系列】(十二)ScrollView 滚动视图组件详解](https://blog.csdn.net/q764424567/article/details/120002172)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值