egret修改原有Loading加载页面

需求: 将egret项目内默认的loading页面效果修改为自己设置的效果,加载资源完毕后直接进入项目首页

自己设置效果

刚开始,写这个功能的时候,感觉又蒙又乱……
其实思路理清晰后,发现很容易.

需要修改的文件

1. Main文件内部:
   ?1)将默认加载的loading界面(LoadingUI界面) 修改为 自己设置的loading界面(loadPage界面)
   ??其实总共需要修改的代码只有三处:

 // 加载进度界面 private loadingView: loadPage; // 设置加载进度界面 wy.BaseViewManager.changeScene(loadPage); this.loadingView = <loadPage>wy.BaseViewManager.nowScene;

2. 写有自己设置效果的loading页面内部:
   ?1)将当前进度与总进度的逻辑写好
   ??注意: 自己设置loading界面的setProgress函数(下方所示) 要与 Main 文件里面的this.loadingView.setProgress(event.itemsLoaded, event.itemsTotal);对应

    private line: egret.Shape;    private txt: egret.TextField;    private changeGraphics() {        this.car.x = this._distance;        this.line.graphics.beginFill(0x00ff00);        this.line.graphics.drawRoundRect(172, 641, this._linePrec, 8, 10, 10);          this.line.graphics.endFill();               this.txt.text = "" + this._prec + "%";      }    private _distance: number = 135;    private _linePrec: number = 0;    private _prec: number = 0;    public setProgress(cur, total): void {  // 当前进度, 总进度        this._distance = cur / total * 350;        this._linePrec = cur / total * 280;        this._prec = Math.round(cur / total * 100);        if (cur / total == 1) {            wy.changeScene(scanPage, wy.PopType.ALPHAIN);        }        this.changeGraphics();    }