首页 > 代码库 > Egret Wing4.0.3 动画编辑器
Egret Wing4.0.3 动画编辑器
一 exml上摆放组件
切换动画编辑
创建动画组,命名test1。
选中一个对象,创建动画(必须选中一个对象后,+号才会亮。且一个对象只能创建一个动画)
之后和Flash差不多。在时间轴插入关键帧。
创建补间动画
选中关键帧,调整关键帧上组件的属性,目前支持x,y,透明度,角度等。
代码中调用。动画组的ID是test1。
/** * */ class HomeScene extends eui.Component{ public constructor() { super(); this.skinName = "HomeSceneSkin"; } private test1:egret.tween.TweenGroup; public childrenCreated(){ this.test1.addEventListener(‘complete‘, this.onTweenGroupComplete, this); this.test1.addEventListener(‘itemComplete‘, this.onTweenItemComplete, this); this.test1.play(); } /** * 动画组播放完成 */ private onTweenGroupComplete(): void { console.log(‘TweenGroup play completed.‘); //所有动画播放完成 } /** * 动画组中的一项播放完成 */ private onTweenItemComplete(event: egret.Event): void { const item = event.data as egret.tween.TweenItem; console.log(item.target); //先播放完成的组件,例如该组有2个Image动画,先播放完的触发该事件 console.log(‘TweenItem play completed.‘); } }
Egret Wing4.0.3 动画编辑器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。