上一篇我们看到了一个登陆界面的简单动画，下面我们就来说看一下他是如何实现的。
代码注释的应该也比较详细了。这就是一个移动的缓动动画。
要解释一下这一句：
两张图结合着一起看，第一张图
private yun ：创建了一个private私有的yun
eui.Image：类型是EUI组件里面的图片类型Image。
值得注意的是private yun 必须要和第二张图里面的ID（yun）名字统一起来。这也就是之前提到过的exml里ID的唯一性，现在就能体现出来了。
简单说，就是把exml里面的云彩组件通过ID：yun拿来用，并且把它设为私有的。就这么简单。
然后看一下效果：
ok，云彩动起来了。
下面我们在用同样的方式让标题动一动，我们让标题上下跳动：
同样代码注释已经很详细看代码就可以了。
_title.to({y:this.Title.y+100},1000).to({y:titleY},1000);很容易理解第一个动作结束后，.to接着在跟一个动作。
看一样效果：
我们在来一个让按钮动一动：
这里也没有什么好说的，看代码吧。
来看一下效果：
这是什么效果，不对啊。
别急我们慢慢来看一下，这里是故意而为之。
我们先来看一下这一句代码我们获取的是什么组件？
我们 首先是获得了一个Group容器，这个容器里面包含了瓶子（image），跟三角（Button）。然后我们将这个容器设置为动画。而且这个容器锚点都是0,0所以我们看到的效果是瓶子和里面的小三角一起动了，而且锚点也不对。
我们想要的效果是让瓶子里面的那个三角动起来，我们应该怎么办呢？稍微改动一下就可以了。看一下代码；
this.start.getChildByName("button")通过名字“button”来获取this.start里面的子项，按钮。来结合下一张图看就知道“button”是哪里来的了；
结合上面两张图来看，你就明白了。
下面看一下效果是不是达到我们想要的了；
ok，效果是达到了。但是有的朋友会说，放大缩小太难看了。那我们就换一个动作，让它旋转旋转360.来看一下代码；
我们来看一下效果：
我从效果上就能看出来有个停顿时间，这就是wait（500）的作用。
我们再给这小魔女一些变化吧，既然是魔女，那我们就让她慢慢的渐变出来吧。来看一下代码和效果；
代码也并没有什么好说的，有人会问就是一个渐变为什么不用fadeto，fadeIn，fadeOut等。你可以去试一试啊，这个问题就留给你们了。哈哈。
我们来看一下效果；
我们在来创建一个闪烁的动画；
还用小魔女这张图做例子吧，来看一下效果；
以上简单的总结了： 移动，放大缩小，跳动、渐入渐出、闪烁一些常用的动画，但这是不是全部，动画有好多，还有一些特定的比如龙骨导出的特有文件，等等。
关于一些理论知识可以去下面网址看看，一定要去哦。
egret Tween APIdeveloper.egret.com下一张章节我们来看一下，动画的其他格式，以及动画的回调函数、组合动画、以及动画的暂停，恢复播放等等。敬请期待。
这次增加了录屏软件所以每一个效果都能清晰的看到，还请看到的朋友加关注、给赞。
给予鼓励！
扫一扫
536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
