美文网首页
Tween动画的高级使用-动画组的使用(TweenGroup)

Tween动画的高级使用-动画组的使用(TweenGroup)

作者: 东方小白 | 来源:发表于2021-01-16 21:59 被阅读0次
平常我们使用的都是NGUI自带的Tween动画的简单动画, image.png

一般的我们都会使用到,但是TweenGroup我之前没有用过。
这次设计到一个控件多个状态的组合动画的需求,而我又不想复制多个组件,发现了有这个属性,从单词上来说是动画组的概念,我觉得可以帮助我,但是我针对了不同的动画分组之后,发现并没有能够控制这些动画的正常节奏,经过多方探索发现了有另外一个脚本控制这些动画组的播放,NGUI确实为我们考虑到了。就是UIPlayTween.


image.png

Tween动画中使用的TweenGroup是为了让UIPlayTween来控制的,步骤是:
step1. 在对应的空间上加上所有需要的动画,自己分好类,比如
第一组:放大, 缩小,移动
第二组:放大,移动,消失
第三组:移动,隐藏,放大
step2.有多少组就在对应的空间上加多少个UIPlayTween(比如上面三组那就加三个UIPlayTween).然后每组的UIPlayTween中的TweenGroup和Tween的TweenGroup是一样的,如下


image.png
step3.代码控制节奏,核心代码如下:
bgWidgetTween.tweenGroup = 1; //设置动画组的当前组(自己可以根据当前状态选择对应的动画组)
bgWidgetTween.resetOnPlay = true; //这一句还蛮重要的,相当于重置状态,这样每次播放都是一样的

bgWidgetTween.Play(true); //这句就是对应的播放动画组的代码,true就是顺播,false就是反播。
多个控件的动画可以写到一起,这样就能多个控件的动画一起控制了。

真的是没有一个属性是可以浪费的。

相关文章

网友评论

      本文标题:Tween动画的高级使用-动画组的使用(TweenGroup)

      本文链接:https://www.haomeiwen.com/subject/cfdoaktx.html