5, 文字左右移動

標籤：begin   btn   enable   設定   ret   檔案   private   舞台   rectangle   

class Main extends egret.DisplayObjectContainer {    /**     * 入口檔案, 最先執行的構造方法     * 這會執行個體化一個和手機螢幕一樣大的舞台     */    public constructor() {        super();        this.once( egret.Event.ADDED_TO_STAGE, this.begin, this );    }    /**     * 入口檔案載入成功後執行的方法     * 也是邏輯的開始, 通過觸摸移動顯示對象     */    private begin(event:egret.Event) {        /**         * 建立一個文字框,設定一個 scrollRect 限制顯示範圍         * text: 文字內容         * scrollRect: 顯示範圍         * cacheAsBitmap: 是否緩衝顯示對象         */        var bigText: egret.TextField = new egret.TextField();        bigText.text = "平移和滾動顯示對象,平移和滾動顯示對象";        bigText.scrollRect = new egret.Rectangle(0, 0, 640, 50);        bigText.cacheAsBitmap = true;        bigText.x = 0;        bigText.y = 10;        this.addChild(bigText);        /**         * 建立一個左移, 一個右移 按鈕         * ev.currentTarget 擷取觸發事件的對象名         */        var btnLeft: egret.Shape = new egret.Shape();        btnLeft.graphics.beginFill(0xcccc01);        btnLeft.graphics.drawRect(0, 0, 50, 50);        btnLeft.graphics.endFill();        btnLeft.x = 50;        btnLeft.y = 100;        this.addChild(btnLeft);        btnLeft.touchEnabled = true;        btnLeft.addEventListener(egret.TouchEvent.TOUCH_TAP, onScroll, this);        var btnRight: egret.Shape = new egret.Shape();        btnRight.graphics.beginFill(0x01cccc);        btnRight.graphics.drawRect(0,0,50,50);        btnRight.graphics.endFill();        btnRight.x = 150;        btnRight.y = 100;        this.addChild(btnRight);        btnRight.touchEnabled = true;        btnRight.addEventListener(egret.TouchEvent.TOUCH_TAP, onScroll, this);        function onScroll(ev: egret.TouchEvent): void {            var rect: egret.Rectangle = bigText.scrollRect;            switch (ev.currentTarget) {                case btnLeft:                    rect.x += 20;                    break;                case btnRight:                    rect.x -= 20;                    break;            }            bigText.scrollRect = rect;        }    }}

 

5, 文字左右移動