ⒺEXML.globalFunction 用法⚡

待研究

Ⓔeui.globalFunction 用法⚡

待研究

ⒺEXML.globalMember 用法⚡

待研究

Ⓔeui.Watcher 用法

監視場景開關

MainUI.ts

namespace edwin {

    export class MainUI extends eui.Component {

        protected createChildren(): void {
            super.createChildren();
            this.percentWidth = this.percentHeight = 100;

            eui.Watcher.watch(this, ['visible'], (e) => this.do(e), this);
            this.visible = false;  // 停止遊戲動畫
            this.visible = true;  // 播放遊戲動畫
        }

        private do(visible: boolean): void {
            if (visible) {
                console.log('播放遊戲動畫');
            } else {
                console.log('停止遊戲動畫');
            }
        }

    }

}

Ⓔeui.VSlider 用法

請參考：eui.HSlider 用法

Ⓔeui.VScrollBar 用法

請參考：eui.HScrollBar 用法

Ⓔeui.ViewStack 用法

請參考：eui.TabBar 用法

Ⓔeui.VerticalLayout 用法

請參考：eui.Group 用法

Ⓔeui.UILayer 用法

UILayer 跟普通容器一樣，允許創建多個實例，但通常都將它作為 UI 顯示列表的根節點使用. Main.ts 的 Main 類別就是 eui.UILayer. 特色是寬高會跟隨 stage.stageWidth 跟 stage.stageHeight

Ⓔeui.UIEvent 用法

Panel UIEvent 註冊

MainUISkin.exml

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="edwin.MainUISkin" xmlns:e="http://ns.egret.com/eui">
    <e:Rect fillColor="0x000000" width="100%" height="100%" />
    <e:Group horizontalCenter="0" verticalCenter="0">
        <e:Panel id="panel" title="test" />
    </e:Group>
</e:Skin>

MainUI.ts

namespace edwin {

    export class MainUI extends eui.Component {

        private panel: eui.Panel;

        protected createChildren(): void {
            super.createChildren();
            this.percentWidth = this.percentHeight = 100;

            this.panel.addEventListener(eui.UIEvent.CLOSING, this.onUIEventHandler, this);
            this.panel.addEventListener(eui.UIEvent.MOVE, this.onUIEventHandler, this);
        }

        private onUIEventHandler(e: eui.UIEvent): void {
            egret.log("eui.UIEvent:", e.type);
        }

    }

}

Panel 完整用法參考：eui.Panel 用法

Ⓔeui.UIComponent 用法

UIComponent類是所有可視組件（可定制皮膚和不可定制皮膚）的基類, 通常用以繼承觀看繼承圖