符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
小编这次要给大家分享的是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 ActionOnPageChange;//对外提供页码修改的回调 /// /// 滑到下一页 /// 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如何实现拖拽滑动翻页的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。