Unity双层嵌套ScrollView

本文介绍在Unity中实现两层方向不同的ScrollView嵌套的方法,通过自定义脚本实现事件的传递和过滤,确保用户操作时只触发一个方向的滚动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在unity中实现2层ScrollView的嵌套,两层的ScrollView的拖动方向不一样,这个功能的核心就是如何把子ScrollView事件传递给父ScrollView,在查阅资料之后发现只需要实现一下3个接口就行了

using System.Collections;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;
/// <summary>
/// 解决2个层级的ScrollView嵌套但是方向不同的情况
/// </summary>
public class ScrollViewLayers : MonoBehaviour, IBeginDragHandler, IEndDragHandler, IDragHandler
{
    /// <summary>
    /// 上层的ScrollRect
    /// </summary>
    ScrollRect parentScrollRect = null;
    //事件传递
    public void OnBeginDrag(PointerEventData eventData)
    {
        isCheckEnd = false;
        if (shouldSendEvent)
        {
            parentScrollRect.OnBeginDrag(eventData);
        }   
    }
    //事件传递
    public void OnDrag(PointerEventData eventData)
    {
        if (shouldSendEvent)
        {
            parentScrollRect.OnDrag(eventData);
        }
        if (isCheckEnd)
        {
            return;
        }
        isCheckEnd = true;
        oldPos = Input.mousePosition;
        StartCoroutine(Check());
    }
    //事件传递
    public void OnEndDrag(PointerEventData eventData)
    {
        if (shouldSendEvent)
        {
            parentScrollRect.OnEndDrag(eventData);
        }
    }
    void Start()
    {
        parentScrollRect = transform.parent.parent.parent.GetComponent<ScrollRect>();
    }
    //事件过滤
    bool shouldSendEvent = false;
    Vector3 oldPos = Vector3.zero;

    bool isCheckEnd = false;
    IEnumerator Check()
    {
        yield return new WaitForSeconds(Time.deltaTime);
        Vector3 temp = Input.mousePosition - oldPos;
        shouldSendEvent = temp.x * temp.x > temp.y * temp.y;
        GetComponent<ScrollRect>().enabled = !shouldSendEvent;
    }
}

上述的代码实现的功能不止有事件的传递,还实现了事件的类型过滤,控制player同时只能去拖动左右或者上下,和安卓一些源生app挺像的,但是unity好像没有类似的实现,就花了点时间自己写了个。

### Unity ScrollView 嵌套实现方式 在 Unity 中,`ScrollView` 是一种常见的 UI 组件,用于处理超出屏幕范围的内容展示。当需要实现 `ScrollView` 的嵌套效果时,需要注意一些细节来确保内外层滚动行为正常工作。 #### 1. 使用 Content Size Fitter 和 Mask 来设置内部布局 为了使外部和内部的 `ScrollView` 正常协作,需合理配置它们的内容大小适配器 (`ContentSizeFitter`) 和遮罩 (`Mask`) 属性[^4]。以下是具体操作: - **外部 ScrollView**: 设置其内容容器的高度或宽度为自动调整模式 (Vertical Fit 或 Horizontal Fit),以便动态适应子项的变化。 - **内部 ScrollView**: 同样为其启用 `ContentSizeFitter` 并绑定至父级容器的约束条件。 ```csharp // 外部 ScrollRect 配置脚本示例 public class OuterScrollConfig : MonoBehaviour { public RectTransform content; void Start() { // 初始化 ContentSizeFitter 自动计算高度/宽度 var fitter = content.gameObject.AddComponent<ContentSizeFitter>(); fitter.verticalFit = ContentSizeFitter.FitMode.PreferredSize; } } ``` #### 2. 解决手势冲突问题 由于多个 `ScrollView` 可能同时响应触摸事件,在某些情况下会发生手势竞争现象。为了避免这种情况发生,可以通过禁用手势传播或者手动控制焦点切换逻辑解决此问题[^1]。 ```csharp using UnityEngine.EventSystems; public class DisableScrollWhenChildActive : MonoBehaviour, IBeginDragHandler, IDragHandler { private bool isDragging = false; public void OnBeginDrag(PointerEventData eventData) { GetComponent<ScrollRect>().inertia = false; // 关闭惯性滚动 isDragging = true; } public void OnDrag(PointerEventData eventData) { if (!isDragging) return; float deltaX = Mathf.Abs(eventData.delta.x); float deltaY = Mathf.Abs(eventData.delta.y); if ((deltaX > deltaY && deltaX >= 5f) || (deltaY > deltaX && deltaY >= 5f)) StopPropagation(); } private void StopPropagation() { EventSystem.current.SetSelectedGameObject(null); // 清除当前选中对象 ExecuteEvents.Execute<IPointerExitHandler>(gameObject, new PointerEventData(EventSystem.current), ExecuteEvents.pointerExitHandler); // 手工触发退出事件 } } ``` 上述代码片段展示了如何通过检测拖拽方向决定是否允许外层 `ScrollView` 接收输入信号,并及时中断不必要的冒泡过程。 #### 3. 利用自定义监听机制同步状态 如果希望进一步增强用户体验,则可以在两层之间建立通信桥梁——即每当任意一方发生变化时通知对方更新相应属性值[^5]。 ```csharp public delegate void ScrollChangedEvent(int scrollX, int scrollY); public class NestedScrollManager : MonoBehaviour { public event ScrollChangedEvent OnScrollChanged; private Vector2 lastPosition; void Update() { var currentPosition = transform.localPosition; if(currentPosition != lastPosition){ OnScrollChanged?.Invoke((int)currentPosition.x,(int)-currentPosition.y); lastPosition = currentPosition; } } } ``` 以上就是关于如何在 Unity 中构建高效的 `ScrollView` 嵌套结构的一些指导原则和技术要点总结。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值