Unity工具类ScrollView实现拖拽滑动翻页
更新时间:2020年6月25日 10:34 点击:2315
简介:
在进行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; } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
上一篇: unity实现按住鼠标选取区域截图
下一篇: Unity实现图片生成灰白图的方法
相关文章
- 这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
CocosCreator ScrollView优化系列之分帧加载
这篇文章主要介绍了CocosCreator ScrollView的优化,从分帧加载进行了讲解,对性能优化感兴趣的同学,一定要看一下...2021-04-15Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)
通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11- 本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
- 这篇文章主要为大家详细介绍了Unity shader实现遮罩效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity实现换装系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-11
- 这篇文章主要给大家介绍了关于利用unity代码C#封装为dll的相关资料,文中通过图文将实现的方法介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 这篇文章主要为大家详细介绍了Unity Shader实现径向模糊效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
- 这篇文章主要介绍了unity 实现摄像机绕某点旋转一周,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
- 这篇文章主要为大家详细介绍了Unity实现截图功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Unity中EventTrigger的几种使用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity Shader实现2D水流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Unity 按钮添加OnClick事件操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity使用EzySlice实现模型多边形顺序切割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-03
- 这篇文章主要为大家详细介绍了Unity Shader实现描边OutLine效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity Shader实现裁切效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了unity实现车方向盘转动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity实现汽车前后轮倒车轨迹计算,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-13
- 这篇文章主要介绍了Unity 点击UI与点击屏幕冲突的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10