在Unity3D中可以使用自带的Animation制作任意形式的动画,不过我们这篇笔记主要是学习和使用NGUI提供的Tween动画。NGUI提供的Tween库功能较为简单,主要是用来实现NGUI自身需要的一些缓动效果,同时我们也可以使用NGUI的Tween来实现一些简单的动画效果。
Tween组件
我们选中添加到舞台的任意UI组件右键就能看到添加Tween的菜单,如图:
我们通过选择添加对应的缓动组件就可以添加对应的缓动效果了,下面先简单的看一下NGUI提供的缓动组件的功能:
- Alpha:透明度缓动动画;
- Color:颜色缓动动画;
- Width:宽度缓动动画;
- Height:高度缓动动画;
- Position:位置缓动动画;
- Rotation:角度缓动动画;
- Scale:缩放缓动动画;
- Transform:转换缓动动画;
具体使用
下面我们以Alpha组件为例来看看缓动应该如何使用:
首先我们添加一个Alpha组件到我们的UI上,这个缓动效果会直接作用到我们的UI上。
我们来看看Alpha组件提供的属性(所有的缓动组件属性都大致相同):
- From:缓动开始的值。
- To:缓动结束的值。
- Play Style:播放的风格,一个有3种风格:Once表示播放一次、Loop表示循环播放、PingPong表示循环往复播放。
- Animation Curve:Unity3D自带的动画曲线编辑器,我们可以在这里编辑缓动的曲线效果,可以实现线性动画或越来越快的动画效果等。
- Duration:播放一次动画所需的时间。
- Start Delay:开始播放动画前等待的时间。
- Tween Group:动画所属的组,下文谈到的UIPlayTween组件中使用。
- Ignore TimeScale:Unity3d的TimeScale值修改时是否会影响到该缓动动画。
- On Finished:动画播放结束时调用指定对象的指定方法,注意拖拽到该区域的GameObject必须带有脚本组件,同时Loop和PingPong永远不会执行到该方法。
动画控制
单独在组件上使用缓动动画脚本意义不大,我们还需要对缓动动画进行控制才能制作出理想的效果。
UIPlayTween
UIPlayTween是NGUI提供的一个脚本组件,其可以用来控制多个动画的播放,我们来看看其上方的参数:
- Tween Target:控制的目标对象,为空表示控制自身添加的缓动对象,或者可以指定特定的对象表示控制该对象上的缓动动画。
- Include Children:是否控制目标对象上子物体的缓动组件。
- Tween Group:具体控制的缓动组件的组号,只会控制设定组号为该数字的缓动组件。
- Trigger condition:触发机制,可以选择触发缓动动画的事件机制,比如点击当前对象或者别的事件,注意和Tween Target无关,仅针对当前对象。
- Play direction:播放方向:Forward从From到To播放、Toggle从From到To后从To到From如此反复、Reverse从To到From。
- If Target is disabled:目标物体被禁用时的处理:DoNothing不做任何处理、EnableThenPlay激活目标物体播放动画。
- If already playing:如果目标动画已经在播放时的处理:Continue继续播放、Restart重新播放、Restart If Not Playing等待播放完毕再播放一次。
- When finished:播放完毕后对目标物体的处理:Do Not Disable不做任何处理、Disable After Forward正向播放完毕后禁用物体、Disable After Reverse反向播放完毕后禁用物体。
- On Finished:所有动画播放完毕后的回调方法。
使用该组件时一般会将挂载在目标对象上的缓动脚本禁用,否则动画会一开始就播放,失去了控制的意义。
另外该组件控制的是一个物体或包括该物体子物体的缓动,如果是简单的缓动可以直接使用NGUI提供的组件,如果是较为复杂的缓动推荐使用专业的第三方缓动类库,如DOTween等。
UIPlayAnimation
我们说过Unity3D自带了Animation动画,而UIPlayAnimation就是控制Animation动画的UIPlayTween组件,具体使用类似于UIPlayTween组件,就不过多介绍了。