码迷,mamicode.com
首页 > Windows程序 > 详细

Egret Wing4.0.3 动画编辑器

时间:2017-05-15 18:25:38      阅读:2820      评论:0      收藏:0      [点我收藏+]

标签:sha   highlight   flash   const   arp   item   component   idt   extends   

一 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 动画编辑器

标签:sha   highlight   flash   const   arp   item   component   idt   extends   

原文地址:http://www.cnblogs.com/gamedaybyday/p/6857446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!