狀態(tài)切換按鈕ToggleButton

其中ToggleSwich使用的默認(rèn)皮膚是ToggleSwichSkin.exml皮膚，而ToggleButton使用的是ButtonSkin.exml

protected createGameScene(): void {

        //狀態(tài)切換按鈕
        let tbtn: eui.ToggleSwitch = new eui.ToggleSwitch();
        tbtn.label = "this is a toggleButton! ";
        tbtn.addEventListener(eui.UIEvent.CHANGE,(evt:eui.UIEvent) => {egret.log(evt.target.selected)},this);
        this.addChild(tbtn);
        
        //調(diào)用toggleButton實現(xiàn)tabbar的方法
        this.initToggleBar();
}

    //用多個togglebutton實現(xiàn)tabBar
        private toggleButtons:Array<eui.ToggleButton> = [];
        private initToggleBar():void{
            for(var i:number = 0;i<4;i++){
                egret.log(1);
            var btn:eui.ToggleButton = new eui.ToggleButton();
            btn.label = i + 1+ "";
            btn.width = 80;
            btn.height = 60;
            btn.y = 100;
            btn.x = i*80 + 20;
            btn.addEventListener(eui.UIEvent.CHANGE,(evt:eui.UIEvent)=>{
                for (var j:number = 0;j < this.toggleButtons.length; j++){
                    var btn: eui.ToggleButton = this.toggleButtons[j];
                    btn.selected = (btn == evt.target);
                }
            },this);
            this.toggleButtons.push(btn);
            this.addChild(btn);
        }
        }

進(jìn)度條ProgressBar

egret默認(rèn)皮膚進(jìn)度條

 private pBar:eui.ProgressBar;
        private initProgressBar():void{
            this.pBar = new eui.ProgressBar();
            //1-默認(rèn)加載方向從左到右；
            //2-設(shè)置加載進(jìn)度從下到上；
            this.pBar.direction = eui.Direction.BTT;
            this.pBar.maximum = 200;
            this.pBar.minimum = 0;
            //1-
            // this.pBar.width = 200;
            // this.pBar.height = 40;
            //2-
            this.pBar.width = 40;
            this.pBar.height = 200;
            this.pBar.value = 10;
            this.addChild(this.pBar);
            //用timer來加載進(jìn)度
            var timer:egret.Timer = new egret.Timer(10,0);
            timer.addEventListener(egret.TimerEvent.TIMER,this.timestart,this);
            timer.start();
        }

        private timestart():void{
            this.pBar.value += 1;
                if(this.pBar.value >= this.pBar.maximum){
                    this.pBar.value = 0;
                }
        }