Egret引擎基础教程III(Tween缓存动画基础使用如:移动、跳跃、放大缩小、渐入渐出、闪烁等)

本文是Egret引擎基础教程的一部分,介绍了如何使用Tween进行缓动动画的实现,包括移动、跳跃、放大缩小、渐入渐出和闪烁等效果。通过代码示例详细解释了如何操作EUI组件,如Image和Group,以及如何通过getChildByName获取子组件来实现特定动画效果。文章最后提到了更多动画知识的参考资料和后续章节预告。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上一篇我们看到了一个登陆界面的简单动画,下面我们就来说看一下他是如何实现的。在这里插入图片描述
代码注释的应该也比较详细了。这就是一个移动的缓动动画。

要解释一下这一句:
在这里插入图片描述
在这里插入图片描述
两张图结合着一起看,第一张图

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接着在跟一个动作。

我们在来一个让按钮动一动:
运行一下这是什么效果,不对啊。

别急我们慢慢来看一下,这里是故意而为之。

我们先来看一下这一句代

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值