Unity工具类ScrollView实现拖拽滑动翻页

 更新时间:2020年04月17日 10:05:21   作者:真像大白阿  
这篇文章主要为大家详细介绍了Unity工具类ScrollView实现拖拽滑动翻页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

简介:

在进行UI设计的时候,经常会使用Unity中UI提供的ScrollView,类似Android中的ScrollView,在进行图片预览,多个翻页的时候,能实现很好的效果。

该类中根据Unity的EventSystems中拖拽事件,实现对页码的滑动监听,在使用的时候,新建UI--->ScrollView,把该类组件添加到ScrollView上,把对应的content加入该脚本中的content,调整ScrollView和Content,设置单个滑动页的宽度,拖拽的阈值,即可监听到拖拽,如果是动态实例化ScrollView中的child,需设置当前最大页码数。SetCurIndex可以实现直接定位到当前页码对应的滑动页,代码比较简单,直接贴出来。

public class ScrollViewListener : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler
  {
 //滑动方向
    public enum MoveDirection
    {
      None = 0,
      Left,
      Right,
    }
    public float SingleItemWidth;//单个滑动页的宽度
    public RectTransform content;//当前ScrollView的Content
    public float DragMinValue = 5f;//拖动过程中允许的最小的拖拽值,低于此值就不算拖拽,不执行翻页事件
    private MoveDirection direction = MoveDirection.None;
    private int CurIndex = 0;//当前页码
    private int MaxIndex = 0;//最大页码
    public bool canMove = true;//是否能移动
    private Vector3 originalPos;
    private float maxDeltaX = 0f;//取整个拖动过程中的最大值
    public Action<int> OnPageChange;//对外提供页码修改的回调
 
    /// <summary>
    /// 滑到下一页
    /// </summary>
    private void MoveToNext()
    {      
      if (direction == MoveDirection.Left)
      {
        if (CurIndex < MaxIndex)
        {          
          CurIndex++;
          canMove = false;
          content.DOLocalMoveX(content.localPosition.x - SingleItemWidth, 1f).OnComplete(() =>
          {
            if (null != OnPageChange)
            {
              OnPageChange(CurIndex);
            }
            canMove = true;
          });
        }
      }
      else if (direction == MoveDirection.Right)
      {
        if (CurIndex > 0)
        {
          CurIndex--;
          canMove = false;
          content.DOLocalMoveX(content.localPosition.x + SingleItemWidth, 1f).OnComplete(() =>
          {
            if (null != OnPageChange)
            {
              OnPageChange(CurIndex);
            }
            canMove = true;
          });
        }
      }
    }
 
    /// <summary>
    /// 设置当前滑动列表的页数的最大值
    /// </summary>
    /// <param name="max"></param>
    public void SetMaxIndex(int max)
    {
      MaxIndex = max - 1;//最大下标值为页数减1
    }
 
    /// <summary>
    /// 设置当前页
    /// </summary>
    /// <param name="index"></param>
    public void SetCurIndex(int index)
    {
      CurIndex = index;
      float x = content.localPosition.x - SingleItemWidth * CurIndex;
      content.localPosition = new Vector3(x, content.localPosition.y, content.localPosition.z);
    }
 
    public void ResetPosition()
    {
      content.localPosition = originalPos;
    }
 
    private void Awake()
 {
      CurIndex = 0;
      originalPos = content.localPosition;
    }
 
    public void OnDrag(PointerEventData eventData)
    {
      if (Mathf.Abs(eventData.delta.x) > maxDeltaX)
      {
        maxDeltaX = Mathf.Abs(eventData.delta.x);
      }
    }
 
    public void OnBeginDrag(PointerEventData eventData)
    {
      if (eventData.delta.x > 0)
      {
        direction = MoveDirection.Right;
      }
      else if (eventData.delta.x < 0)
      {
        direction = MoveDirection.Left;
      }
      else
      {
        direction = MoveDirection.None;
      }
      if (Mathf.Abs(eventData.delta.x) > maxDeltaX)
      {
        maxDeltaX = Mathf.Abs(eventData.delta.x);
      }
    }
 
    public void OnEndDrag(PointerEventData eventData)
    {
      if (Mathf.Abs(eventData.delta.x) > maxDeltaX)
      {
        maxDeltaX = Mathf.Abs(eventData.delta.x);
      }
      if (maxDeltaX > DragMinValue)
      {
        //计算下一页的目的点 然后移动
        if (canMove)
        {
          MoveToNext();
        }        
      }
      maxDeltaX = 0f;
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • C#使用分部类设计实现一个计算器

    C#使用分部类设计实现一个计算器

    分部类是C#4.5中的一个新特性,它的出现使得程序的结构更加合理,代码组织更加紧密,本文将使用分部类设计实现一个简单的计算器,感兴趣的小伙伴可以了解下
    2024-02-02
  • unity 如何判断鼠标是否在哪个UI上(两种方法)

    unity 如何判断鼠标是否在哪个UI上(两种方法)

    这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2021-04-04
  • SuperSocket封装成C#类库的步骤

    SuperSocket封装成C#类库的步骤

    这篇文章主要介绍了SuperSocket封装成C#类库的步骤,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下
    2021-01-01
  • C#基于cookie实现的购物车功能

    C#基于cookie实现的购物车功能

    这篇文章主要介绍了C#基于cookie实现的购物车功能,结合完整实例形式分析了C#基于cookie创建购物车的具体步骤与相关技巧,需要的朋友可以参考下
    2015-12-12
  • C#图表算法之最短路径

    C#图表算法之最短路径

    本文详细讲解了C#图表算法之最短路径,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • c#中LINQ的基本用法实例

    c#中LINQ的基本用法实例

    语言集成查询 (LINQ) 是 Visual Studio 2008 和 .NET Framework 3.5 版中引入的一项创新功能。下面这篇文章主要给大家介绍了关于c#中LINQ的基本用法,需要的朋友可以参考借鉴,下面来一起看看吧
    2019-01-01
  • C#遍历文件夹及子目录下所有图片

    C#遍历文件夹及子目录下所有图片

    这篇文章主要为大家详细介绍了C# 遍历文件夹及子目录下所有图片的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • C#实现中文验证码的示例代码

    C#实现中文验证码的示例代码

    这篇文章主要为大家详细介绍了如何利用C#实现中文验证码功能,文中的示例代码讲解详细,对我们学习C#有一定的帮助,感兴趣的小伙伴可以了解一下
    2022-12-12
  • C#装饰器模式(Decorator Pattern)实例教程

    C#装饰器模式(Decorator Pattern)实例教程

    这篇文章主要介绍了C#装饰器模式(Decorator Pattern),以一个完整实例形式讲述了C#装饰器模式的实现过程,有助于深入理解C#程序设计思想,需要的朋友可以参考下
    2014-09-09
  • 如何实现定时推送的具体方案

    如何实现定时推送的具体方案

    在工作当中遇到了一个需要定时向客户端推送新闻、文章等内容。小项目又用不了大框架,这个时候在网上搜了很久没有找到合适的解决方案,直到看到了一位大佬写的文章提供了一个非常不错的思路本篇文章也是受到他的启发实现了之后这里分享给大家
    2021-04-04

最新评论