[Unity案例]嵌套滑动列表

实现内容:

Unity的嵌套滑动列表,一个外部滑动视图(Outer Scroll View),其中包含多个内部滑动视图(Inner Scroll View);外部滑动视图负责垂直或水平滑动,而内部滑动视图则负责在外部滑动的基础上进行垂直或水平滑动;让用户在一个方向上滑动外部列表,同时在另一个方向上滑动内部列表,从而达到复杂数据展示和交互的目的

核心思想:

利用事件透传,当开始滑动时检测用户当前的滑动方向,如果当前列表的滑动方向是竖向的,但是用户输入例如横向指令,则此时使用ExecuteEvents.Excute方法将事件透传给父级滑动列表,核心代码如下:

// 根据位置的变化确定拖拽方向
dragDirection = Mathf.Abs(eventData.delta.x) > Mathf.Abs(eventData.delta.y)
  ? Direction.Horizontal
  : Direction.Vertical;

// 如果存在父级且拖拽方向与当前方向不同
if (parent != null && curDirection != dragDirection)
{
  // 在父级上执行开始拖拽事件
  ExecuteEvents.Execute(parent.gameObject, eventData, ExecuteEvents.beginDragHandler);
  return;
}
完整代码如下:
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;

public class ScrollViewEX : ScrollRect
{
    // 枚举表示滚动方向
    private enum Direction
    {
        Horizontal,
        Vertical,
    }

    // 当前 ScrollViewEX 的滚动方向
    private Direction curDirection;

    // 拖拽期间的滚动方向
    private Direction dragDirection;

    // 对父级 ScrollViewEX 的引用(如果有的话)
    private ScrollViewEX parent;
    
    protected override void Awake()
    {
        base.Awake();

        // 如果未分配父级,请在父级层次结构中查找它
        if (parent == null)
        {
            parent = transform.parent.GetComponentInParent<ScrollViewEX>();
        }

        // 根据 'horizontal' 属性确定并设置当前滚动方向
        curDirection = horizontal ? Direction.Horizontal : Direction.Vertical;
    }

    // 开始拖拽时调用
    public override void OnBeginDrag(PointerEventData eventData)
    {
        // 根据位置的变化确定拖拽方向
        dragDirection = Mathf.Abs(eventData.delta.x) > Mathf.Abs(eventData.delta.y)
            ? Direction.Horizontal
            : Direction.Vertical;

        // 如果存在父级且拖拽方向与当前方向不同
        if (parent != null && curDirection != dragDirection)
        {
            // 在父级上执行开始拖拽事件
            ExecuteEvents.Execute(parent.gameObject, eventData, ExecuteEvents.beginDragHandler);
            return;
        }

        // 如果条件不符合,则继续基本的 OnBeginDrag
        base.OnBeginDrag(eventData);
    }

    // 拖拽期间调用
    public override void OnDrag(PointerEventData eventData)
    {
        // 如果存在父级且拖拽方向与当前方向不同
        if (parent != null && curDirection != dragDirection)
        {
            // 在父级上执行拖拽事件
            ExecuteEvents.Execute(parent.gameObject, eventData, ExecuteEvents.dragHandler);
            return;
        }

        // 如果条件不符合,则继续基本的 OnDrag
        base.OnDrag(eventData);
    }

    // 拖拽结束时调用
    public override void OnEndDrag(PointerEventData eventData)
    {
        // 如果存在父级且拖拽方向与当前方向不同
        if (parent != null && curDirection != dragDirection)
        {
            // 在父级上执行结束拖拽事件
            ExecuteEvents.Execute(parent.gameObject, eventData, ExecuteEvents.endDragHandler);
            return;
        }

        // 如果条件不符合,则继续基本的 OnEndDrag
        base.OnEndDrag(eventData);
    }

    // 用户滚动时调用
    public override void OnScroll(PointerEventData data)
    {
        // 如果存在父级且拖拽方向与当前方向不同
        if (parent != null && curDirection != dragDirection)
        {
            // 在父级上执行滚动事件
            ExecuteEvents.Execute(parent.gameObject, data, ExecuteEvents.scrollHandler);
            return;
        }

        // 如果条件不符合,则继续基本的 OnScroll
        base.OnScroll(data);
    }
}

  • 15
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值