NGUI实现滑动翻页效果实例代码
更新时间:2020年6月25日 11:24 点击:1842
废话不多说了,直接给大家上干货了。
具体代码如下所示:
using UnityEngine; using System.Collections; public class PageView : MonoBehaviour { const int ITEM_NUM = 2; //总页数 const int PAGE_WIDTH = 2048; //页宽 const float DRAG_SPEED = 0.5f; //翻页时间 const int DRAG_OFFECT = 30; //滑动的起点和终点的差需大于这个数才能触发翻页效果 float beganX = 0; float beganY = 0; //鼠标按下的坐标 int curIndex = 1; //当前页数,默认为第一页 bool isPlay = false; //是否正在翻页 bool isPress = false; //鼠标是否按下 bool isPageFoot = false; //当前是否处于页尾 bool isHomePage = true; //当前是否处于首页 string left = "left"; //左滑动画的name string right = "right"; //右滑动画的name GameObject[] Item_Objects; // Use this for initialization void Start () { this.Init (); } void Init() { Item_Objects = new GameObject[ITEM_NUM]; for(int i = 1; i <= ITEM_NUM; ++i) { Transform trans = this.transform.FindChild("item" + i); if(trans) { GameObject spr = trans.transform.FindChild("Background").gameObject; spr.AddComponent<UIEventListener>(); UIEventListener.Get(spr.gameObject).onPress = OnPressEvent; } Item_Objects[i - 1] = trans.gameObject; } } //鼠标按下事件监听 void OnPressEvent(GameObject obj,bool isDown) { float endX; float endY; if (isDown) { beganX = UICamera.lastTouchPosition.x; beganY = UICamera.lastTouchPosition.y; isPress = true; } else { endX = UICamera.lastTouchPosition.x; endY = UICamera.lastTouchPosition.y; if (isPress) { if(isPlay == false) { if(endX - beganX > DRAG_OFFECT) { if(isHomePage == false) { RightDrag(); } }else if(endX - beganX < DRAG_OFFECT){ if(isPageFoot == false) { LeftDrag(); } } } } isPress = false; } } //向左滑 void LeftDrag() { isPlay = true; float x = this.transform.localPosition.x - PAGE_WIDTH; TweenPosition leftTween = TweenPosition.Begin (this.gameObject,DRAG_SPEED,new Vector3(x,0,0)); leftTween.method = UITweener.Method.EaseInOut; leftTween.callWhenFinished = "callback"; leftTween.name = left; leftTween.Reset (); } //向右滑 void RightDrag() { isPlay = true; float x = this.transform.localPosition.x + PAGE_WIDTH; TweenPosition rightTween = TweenPosition.Begin (this.gameObject,DRAG_SPEED,new Vector3(x,0,0)); rightTween.method = UITweener.Method.EaseInOut; rightTween.callWhenFinished = "callback"; rightTween.name = right; rightTween.Reset (); } //动画结束的回调函数 void callback(UITweener tween) { isPlay = false; if (tween.name == left) { curIndex ++; } else if (tween.name == right) { curIndex --; } if (curIndex == 1) { isHomePage = true; }else { isHomePage = false; } if(curIndex == ITEM_NUM){ isPageFoot = true; }else { isPageFoot = false; } } }
代码到此结束了,如果大家对代码有疑问欢迎给我留言,小编会及时和大家取得联系的。同时也非常感谢大家对猪先飞网站的支持!
相关文章
- 这篇文章主要为大家详细介绍了jQuery实现下拉菜单滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
- 这篇文章主要为大家详细介绍了uniapp 实现可以左右滑动导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-10-21
- 这篇文章主要介绍了JavaScript 获取滚动条位置并将页面滑动到锚点的的相关资料,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下...2021-02-09
- 这篇文章主要为大家分享了js滑动提示效果代码,实现方法简单,感兴趣的小伙伴们可以参考一下...2016-03-12
- 本文给大家介绍利用Vue实现tab导航栏,并且通过flex布局实现左右滑动效果,通过代码给大家分享tab导航栏布局的实现,本文给大家展示了完整代码,需要的朋友参考下吧...2021-06-28
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
这篇文章主要介绍了jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-06-24- 这篇文章主要介绍了在vue中实现禁止屏幕滚动,禁止屏幕滑动,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-22
- 这篇文章主要为大家详细介绍了JavaScript+html实现前端页面滑动验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-06-06
- 这篇文章主要给大家介绍了关于如何利用原生JS实现触摸滑动监听事件的相关资料,文中将实现的原理以及代码介绍的非常详细,需要的朋友可以参考下...2021-06-15
- 这篇文章主要介绍了Unity3D基于OnGUI实时显示FPS,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了JavaScript+html实现前端页面滑动验证的第二种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-06-06
- 这篇文章主要介绍了vue移动端弹起蒙层滑动禁止底部滑动操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-22
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
这篇文章主要介绍了快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突问题,感兴趣的小伙伴们可以参考一下...2016-04-18基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
本文结合实例给大家介绍如何实现内容滑动切换的效果,包括左右箭头切换,无限无缝滚动,圆点按钮切换,动画效果,自动切换效果,效果非常不错,感兴趣的朋友前来参考实现代码 ...2016-06-24- 这篇文章主要为大家详细介绍了Unity工具类ScrollView实现拖拽滑动翻页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了unity实现翻页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-03-03
- 这篇文章主要为大家详细介绍了小程序实现点击tab切换左右滑动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-15
- 本文给大家分享一段jquery代码实现滑动按钮开关的效果,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的的朋友参考下...2016-12-02
- 这篇文章主要为大家详细介绍了Unity UGUI实现滑动翻页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了vue+swiper实现左右滑动的测试题功能,本文通过实例代码给大介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-30