NGUI的Tween动画的使用

最新推荐文章于 2024-08-02 08:04:17 发布

转载最新推荐文章于 2024-08-02 08:04:17 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/May-day/p/8459965.html

文章标签：

#ui

本文介绍Tween动画的基本类型，包括透明度、颜色、尺寸变化等，并通过一个具体的菜单切换动画实例，详细展示了如何在代码中设置动画变量、定义动画播放与回放的方法、创建动画对象并绑定UI元素。

一，在创建Tween有，alpha，color，width，height，position,rotation,scale和transfrom这几种动画类型

1>alpha：颜色由浅变深（透明度）

2>color：由一种颜色变化到另一种颜色

3>width：动画根据宽度变化

4>height：动画根据高度变化

5>position：动画根据定位切入

6>rotation：动画根据自身旋转

7>scale：动画根据调节变大

8>transfrom：动画根据对象移动，对象是场景中的控件，从一个控件的中心的到另一个中心

二，我们在制作菜单时需使用到tween,如菜单首页的的切换到设置页面

1，我们需要在代码中设置两个变量

    public TweenPosition startPanelTween;
    public TweenPosition optionPanelTween;

2，定义两个方法，如下

    public void OnOptionButtonClick()
    {
        //Tween动画播放
        startPanelTween.PlayForward();
        optionPanelTween.PlayForward();
    }
    public void OnCompleteSettingButtonClick()
    {
        //Tween动画后退
        startPanelTween.PlayReverse();
        optionPanelTween.PlayReverse();
    }

3，接着我们定义两个容器（在UI Root下创建两个界面，右键-Create -Invisible Widget创建容器start和option），装着我们的界面，然后将两个对象赋值给定义的变量