Unity3D技术之NGUI详解

时隔几日，还是继续来写我的文章吧。话说这几天事情还真是多，不过无论如何，文章还是要继续写下去的，我相信坚持就是胜利，多积累积累总是没有坏处的。上节说到如果在登录界面用户没有正确输入用户名和密码，就会出现红色的提示信息。但是这个提示信息我们让它显示一会儿就消失，毕竟大家都不喜欢这样的警告一 直挂在眼前，至少我很不喜欢，哈哈。 

 

好了，相信大家都知道，我们还是要用到协程来实现这个功能。代码如下： 

//用协程来控制提示文本消失 

IEnumerator Disapper(GameObject go) { 

//等待两秒后让提示文本消失 

yield return new WaitForSeconds(2f); 

go.SetActive(false); 

} 

 

然后在显示完文本后就调用这个方法： StartCoroutine(Disapper(tip))，并且传入提示文本这个游戏对象。这样我们的登录界面就算完成了。 

 

那么就来我们的下一步吧，就是实现开始界面和设置界面，进一步熟悉并使用NGUI。完成后的开始界面如下所示： 

 

  

  

 

然后，我们就要处理这上面的各种动画了。十分遗憾的是现在uGUI还不是十分完善，在动画方面不能像NGUI一样集成了一些补间动画，所以只能借助第三 方的代码来实现了。我们使用Itween。Itween这个类库的主要功能就是处理模型从起始点到结束点之间运动的轨迹，如移动，旋转，音频，路径，摄像 机等，它是一个开源的项目并且完全免费。我们先用它来实现标题的旋转并放大。首先导入这个类库，代码很小，然后新建一脚本来处理标题的动画，将之挂在标题文本控件上面： 

 

using UnityEngine; 

using System.Collections; 

using UnityEngine.UI; 

public class TitleAnimation : MonoBehaviour { 

//用这个脚本来控制标题动画 

void Start () { 

//缩放动画 

iTween.ScaleFrom(this.gameObject, Vector3.zero, 2f); 

//旋转动画 

iTween.RotateTo(this.gameObject, Vector3.zero, 2f); 

} 

} 

运行后就会看到标题旋转着放大，效果还是不错的。接下来是处理按钮的动画，当鼠标移上按钮时，按钮会放大，用户能明显感知他移到了哪个按钮上。当我把鼠标移到设置按钮上时，效果如下：

 

这个效果要用到动画系统，只是简单使用一下。首先在层次面板上选择按钮，然后在属性面板中将“Transition”选为“Animation”，文章出处【狗刨学习网】

然后通过以下顺序打开动画窗口，并在动画窗口中选择对按钮获得鼠标时的状态进行编辑：

点击动画窗口上的红色小圆点来编辑动画，其实就是把它的Scale变成原来的1.2倍即可。

然后取消点击红点的状态，这时候动画就被保存下来了。在游戏场景运行时试试，你就会看到按钮在鼠标移上时被放大了，效果还是很不错的。这里只是简单介绍了一下动画编辑器的使用，大家还可以找找其他的资料深入学习一下。