关于ngui tween 物品飞出特效的教程 我在给大家提供一下,希望有帮助。
1、首先我们添加UI Root ,然后给场景添加两个Button,分别命名为moveBack moveFor(命名随意)和一个Sprite,Sprite指定Atlas(这个为什么呢?因为等下UiDragsize会用到其中的图片,哈哈)。如图:

ngui tween 物品飞出特效
2、接下来我们给其中的Sprite添加tween position。两种方法添加,一种如下图,另一种右击你的Sprite,Tween--Tween Position

ngui tween 物品飞出特效

我们看下上面Tween Position的脚本。form表示开始坐标。to表示终点坐标。play style有三种。once就是只play一次。loop表示循环播放。ping pong也表示循环播放。不过它与loop不同的就是ping pong是按照打乒乓球那样播放的(其实我也不知怎么说明。大家还是一个个试比较清楚)。
curve 表示播放动画曲线
duration表示动画持续时间
Tween Group:额,说实话,这个没用过,我也不知干嘛的。
ignore TimeScale,就是忽略TimeScale的影响,不受其影响。
一开始我们先把这这脚本勾掉,就是不让他马上执行。大家可以图我是没有马上执行代码的。
3、我们现在来给moveFor按钮添加onClick发送事件,对其添加PlayForward方法,添加方式如图

(ps:大家还可以看到下面有个play方法,以前的话播放Tween是用Play方法,本人现在做项目都是用着3.5.5(本教程使用的是3.6.5),也是用play方法。可不知哪一版本开始play方法被淘汰了,改为playforward。所以用旧版的主要了。我也不知从哪个版本开始改的,NGUI更新太快了)
4、大家运行游戏就可以看到Sprite在移动了。对于Reverse方法

5、再次运行我们就可以看到,当我们点moveFor按钮的时候,Sprite向你指定的To方向移动。当点moveback的时候,Sprite返回。
下面我们来给Sprite做一个resize。就是放大缩小。首先在Sprite下添加一个小的Sprite,调整位置,如图。。

ngui tween 物品飞出特效
然后给小Sprite添加一个脚本和box Collider。(检测鼠标是否点击Sprite)

ngui tween 物品飞出特效
可以看到有个UIDrag。
ngui tween 物品飞出特效
把大的Sprite赋予给Target。选择pivot为BottomRight.运行游戏,大家按住右下方小的Sprite并拖动就可以看到大的Sprite放大缩小了。。。。
今天到此结束了.................