上一篇我们看到了一个登陆界面的简单动画,下面我们就来说看一下他是如何实现的。
代码注释的应该也比较详细了。这就是一个移动的缓动动画。
要解释一下这一句:
两张图结合着一起看,第一张图
private yun :创建了一个private私有的yun
eui.Image:类型是EUI组件里面的图片类型Image。
值得注意的是private yun 必须要和第二张图里面的ID(yun)名字统一起来。这也就是之前提到过的exml里ID的唯一性,现在就能体现出来了。
简单说,就是把exml里面的云彩组件通过ID:yun拿来用,并且把它设为私有的。就这么简单。
下面我们在用同样的方式让标题动一动,我们让标题上下跳动:
同样代码注释已经很详细看代码就可以了。
_title.to({y:this.Title.y+100},1000).to({y:titleY},1000);很容易理解第一个动作结束后,.to接着在跟一个动作。
我们在来一个让按钮动一动:
运行一下这是什么效果,不对啊。
别急我们慢慢来看一下,这里是故意而为之。
我们先来看一下这一句代