每周学一点 egret（4）：EUI

转眼间 Egret 2.5 的版本又出来了，强迫症升级了一下，本来今晚想修改源代码尝试一下。暂时还没找到相应的方法。
EUI 和GUI 多少有点区别，后者类似As3 MXML，前者则类似flash 普通的AS3 组件。两者区别还没很重点看他是多少。对于两者风格 看个人喜好。
Egret wing 2.1 升级配合了 Egret 2.5 一同集成，但万能不好的地方又来了，每次升级 旧项目又要槽糕一次，手动去升级。干嘛每次都这样子 多么不友好的提示。
Egret wing 2.1 在模板上提供几个可选项，除了空白的模板和针对游戏的还有其他。不知道日后能否针对自定义模板的做法设计。
虽然 2.5 和lark 已经集成了，不过Egret Wing 还没有提供创建。还有插件模式 还得慢慢来吧。创建监听函数没有办法自动生成相应的函数，这些还是没那么友好，目前的版本还没能支持代码片段。等下个版本会更加好一点。

下面写了一个极为普通的按钮触发音频行为，这个和as3 差不多，难度指数一般。
不过网络音频的处理的时候，调试一直失败。不知道是不是音频地址出问题。错误日志没有办法知道是不是音频数据出问题。仅仅是一个错误回调事件。

编译后，整个界面是很小的，不知道有没有快速定义背景色。官方提供的默认颜色并不是白色，也不是黑色。所以背景色设置不知道有没有快速一点设计。

每次发编译后，看看能不能知道我使用了哪个项目呢？

class Main extends eui.UILayer 
{

    private  sound:egret.Sound;
    private  soundChannel:egret.SoundChannel;
    protected createChildren(): void
    {
        super.createChildren();     
        new eui.Theme("resource/default.thm.json", this.stage);      
        var playBtn = new eui.Button();

        playBtn.label = "播放";      
        this.addChild(playBtn);
        playBtn.x = 200;
        playBtn.y = 200;
        playBtn.addEventListener(egret.TouchEvent.TOUCH_TAP,this.onPlayButtonClick,this);

        var stopBtn = new eui.Button();
        stopBtn.label = "停止";    
        stopBtn.x = 200;
        stopBtn.y = 300;
        this.addChild(stopBtn);
        stopBtn.addEventListener(egret.TouchEvent.TOUCH_TAP,this.onStopButtonClick,this);

       this.sound = new egret.Sound();
       this.sound.addEventListener(egret.Event.COMPLETE,this.loadOver, this);
       this.sound.addEventListener(egret.IOErrorEvent.IO_ERROR, this.loadError, this);
    }

    private onPlayButtonClick(event:egret.TouchEvent):void
    {       
        this.sound.load("resource/assets/3.mp3");
    }

    private onStopButtonClick(event:egret.TouchEvent):void
    { 
        if(this.soundChannel)
        {
            this.soundChannel.stop();
        }      
    }

    private   loadOver(event:egret.Event):void
    {
        this.soundChannel = this.sound.play();
    }

    private loadError(event:egret.Event):void
    {
        console.log("错误！");
    }

}

2015-11-15日
目前官方的文档当中透露了EUI也会逐步之前GUI方案，取而代之的正是EUI的方案。GUI后续的维护相应会减缓，因此在官方推荐的文档写到当中EUI解决了GUI 一直以来的方案存在的问题。所以在项目选择的时候，我想官方不会弄两个一样的东西出来，后续EUI将会持续更新和优化。GUI说不定要说句拜拜了
2015-12-12日
鉴于GUI的设计过于倾向flex 一套设计出现了一些臃肿无法达到轻量级的水平，所以在这次移动大会过后，官方也意识提及到这一点，EUI 解决了GUI的旧病，后续而来，EUI正式得到扶持，轻量级别的继承，减少了嵌套对开发带来一定的帮助。EUI的后续加大新增组件的类别丰富组件多元性。

使用EUI的时候要小心一点，初建的时候，如果需要引用其他库的时候，则需要手动维系去添加，因为官方在这个管理上，减少无必要的动画库引入。但无动画怎么可能呢？所以还是选择根据需求来相应引入对应的包了。