Unity工具类ScrollView如何实现拖拽滑动翻页-乐山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

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

小编这次要给大家分享的是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 OnPageChange;//对外提供页码修改的回调
 
    /// 
    /// 滑到下一页
    /// 
    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;
          });
        }
      }
    }
 
    /// 
    /// 设置当前滑动列表的页数的最大值
    /// 
    /// 
    public void SetMaxIndex(int max)
    {
      MaxIndex = max - 1;//最大下标值为页数减1
    }
 
    /// 
    /// 设置当前页
    /// 
    /// 
    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;
    }
  }

看完这篇关于Unity工具类ScrollView如何实现拖拽滑动翻页的文章，如果觉得文章内容写得不错的话，可以把它分享出去给更多人看到。

本文标题：Unity工具类ScrollView如何实现拖拽滑动翻页
标题路径：http://lswzjz.com/article/ghjssi.html

新闻中心

其他资讯