NGUI实现滑动翻页效果实例代码

 更新时间:2016年04月07日 10:59:01   投稿:mrr  
本文通过一段实例代码给大家介绍NGUI实现滑动翻页效果,代码简单易懂,对ngui 滑动翻页相关知识感兴趣的朋友一起学习吧

废话不多说了,直接给大家上干货了。

具体代码如下所示:

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;
}
}
}

代码到此结束了,如果大家对代码有疑问欢迎给我留言,小编会及时和大家取得联系的。同时也非常感谢大家对脚本之家网站的支持!

相关文章

  • C#动态代码生成控件后其他事件不能获取该控件值的解决方法

    C#动态代码生成控件后其他事件不能获取该控件值的解决方法

    这篇文章主要给大家介绍了关于C#动态代码生成控件后其他事件不能获取该控件值的解决方法,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • C#通过yield实现数组全排列的方法

    C#通过yield实现数组全排列的方法

    这篇文章主要介绍了C#通过yield实现数组全排列的方法,以实例形式较为详细的分析了全排列的概念及C#的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • C#实现Winform中打开网页页面的方法

    C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • c# textbox的滚动条总是指向最底端的简单解决方法

    c# textbox的滚动条总是指向最底端的简单解决方法

    这篇文章主要介绍了c# textbox的滚动条总是指向最底端的简单解决方法,需要的朋友可以参考下
    2017-11-11
  • c#生成excel示例sql数据库导出excel

    c#生成excel示例sql数据库导出excel

    这篇文章主要介绍了c#操作excel的示例,里面的方法可以直接导出数据到excel,大家参考使用吧
    2014-01-01
  • C#中Invoke的用法讲解

    C#中Invoke的用法讲解

    这篇文章主要介绍了C#中Invoke的用法讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • Unity打包代码到DLL的实现

    Unity打包代码到DLL的实现

    本文主要介绍了Unity打包代码到DLL的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • C#基于纯数学方法递归实现货币数字转换中文功能详解

    C#基于纯数学方法递归实现货币数字转换中文功能详解

    这篇文章主要介绍了C#基于纯数学方法递归实现货币数字转换中文功能,涉及C#针对字符串的遍历、转换与数学运算相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • C# 泛型字典 Dictionary的使用详解

    C# 泛型字典 Dictionary的使用详解

    本文主要介绍了C# 泛型字典 Dictionary的使用详解,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • C#网络请求与JSON解析的示例代码

    C#网络请求与JSON解析的示例代码

    这篇文章主要介绍了C#网络请求与JSON解析的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03

最新评论