{"id":730,"date":"2020-10-07T16:49:40","date_gmt":"2020-10-07T08:49:40","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=730"},"modified":"2020-09-02T17:04:19","modified_gmt":"2020-09-02T09:04:19","slug":"egret%e6%88%90%e8%af%ad%e5%a4%a7%e6%8c%91%e6%88%98-%e5%9c%ba%e6%99%af%e5%85%b3%e5%8d%a1%e7%ad%89%e7%ba%a7%e9%80%bb%e8%be%91%e4%b8%89","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=730","title":{"rendered":"Egret\u6210\u8bed\u5927\u6311\u6218-\u573a\u666f\u5173\u5361\u7b49\u7ea7\u903b\u8f91(\u4e09)"},"content":{"rendered":"


\nclass SceneLevel extends eui.Component implements eui.UIComponent {
\npublic btn_back: eui.Button;
\npublic sc_level: eui.Scroller;
\npublic gp_level: eui.Group;
\npublic img_arrow: eui.Image; \/\/\u7bad\u5934
\n\/\/ \u58f0\u660e\u6570\u7ec4 \u5b58\u653e\u5173\u5361\u6309\u94ae
\nprivate levelIcons: LevelIcon[] = [];
\n\/\/ \u5f53\u524d\u9009\u62e9\u7684\u5173\u5361
\nprivate sel_levle: number;<\/code><\/p>\n

private static shared: SceneLevel;
\npublic static getInstance() {
\nif (!SceneLevel.shared) {
\nSceneLevel.shared = new SceneLevel();
\n}
\nreturn SceneLevel.shared;
\n}<\/p>\n

public constructor() {
\nsuper();
\n}<\/p>\n

protected partAdded(partName: string, instance: any): void {
\nsuper.partAdded(partName, instance);
\n}<\/p>\n

protected childrenCreated(): void {
\nsuper.childrenCreated();
\nthis.init();
\n}<\/p>\n

private init() {
\nthis.btn_back.addEventListener(egret.TouchEvent.TOUCH_TAP, this.backCallBack, this);
\n\/\/ scroller \u5173\u95ed\u6c34\u5e73\u65b9\u5411\u6eda\u52a8
\nthis.sc_level.scrollPolicyH = eui.ScrollPolicy.OFF;
\n\/\/20\u884c*10\u5217
\nlet col = 10;
\nlet row = 20;
\nlet icon_width = this.width \/ col;
\nlet icon_height = this.height \/ row;<\/p>\n

\/\/\u521b\u5efaicon\u7684group\u6dfb\u52a0\u5230scroller\u4e0a
\nlet group: eui.Group = new eui.Group();
\nthis.gp_level.addChild(group);
\ngroup.width = this.width;
\n\/\/ \u6bcf\u4e2aicon\u7684\u9ad8\u5ea6 * \u603b\u5173\u5361\u6570
\ngroup.height = icon_height * LevelDataManager.getInstance().totalLevels;<\/p>\n

\/\/ \u586b\u5145\u80cc\u666f\u56fe
\nfor (let i: number = 0; i < group.height \/ this.height; i++) {
\nlet img_bg: eui.Image = new eui.Image(“GameBG2_jpg”);
\nimg_bg.y = i * this.height;
\nthis.gp_level.addChildAt(img_bg, 0);
\n}
\n\/\/\u83b7\u53d6\u5f53\u524d\u6e38\u620f\u7684\u8fdb\u5ea6
\nlet milestrone: number = LevelDataManager.getInstance().Milestone;<\/p>\n

\/\/\u8bbe\u7f6e\u5173\u5361icon
\nfor (let i: number = 0; i < LevelDataManager.getInstance().totalLevels; i++) {
\nlet icon: LevelIcon = new LevelIcon();
\ngroup.addChild(icon);
\nicon.Level = i + 1;
\nicon.x = Math.sin(icon_height * i \/ 2 \/ 180 * Math.PI) * 200 + group.width \/ 2;
\nicon.y = group.height – icon_height * i – icon.height;
\n\/\/\u7ed9\u6309\u94ae\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\u56de\u8c03
\nicon.addEventListener(egret.TouchEvent.TOUCH_TAP, this.onTapIcon, this);
\n\/\/\u8bbe\u7f6e\u5173\u5361\u6309\u94ae\u7684\u72b6\u6001 \u662f\u5426\u53ef\u4ee5\u70b9\u51fb
\nicon.enabled = i < milestrone; \/\/ \u628a\u5173\u5361\u6309\u94ae\u5b58\u5165\u6570\u7ec4 this.levelIcons.push(icon); } \/\/scroller\u6eda\u52a8\u5230\u5e95\u90e8 this.gp_level.scrollV = group.height – this.height; \/\/\u8ba9\u76ee\u524d\u8fdb\u5ea6\u5904\u4e8e\u5c4f\u5e55\u6700\u4e0a\u7aef\uff08\u5047\u8bbe\uff0c\u6211\u73a9\u5230\u4e8625\u5173\uff0c\u8ba925\u5173\u51fa\u73b0\u5728\u6700\u9876\u5c42\uff09 if (milestrone > 20) {
\nthis.gp_level.scrollV = group.height – milestrone * icon_height;
\n}
\n\/\/\u8bbe\u7f6e\u7bad\u5934\u4f4d\u7f6e
\nthis.img_arrow.anchorOffsetX = this.img_arrow.width \/ 2;
\nthis.img_arrow.anchorOffsetY = this.img_arrow.height;<\/p>\n

let curretIcon: LevelIcon = this.levelIcons[milestrone – 1];
\nthis.img_arrow.x = curretIcon.x + curretIcon.width \/ 2;
\nthis.img_arrow.y = curretIcon.y;
\n\/\/\u5c06\u7bad\u5934\u663e\u793a\u5728\u6700\u4e0a\u5c42
\nthis.gp_level.addChild(this.img_arrow);<\/p>\n

\/\/\u8bbe\u7f6e\u5f53\u524d\u9009\u62e9\u7684\u5173\u5361
\nthis.sel_levle = milestrone;<\/p>\n

}<\/p>\n

private backCallBack() {
\nSoundManage.getInstance().playClick();
\nthis.parent.addChild(SceneBegin.getInstance());
\nthis.parent.removeChild(this);<\/p>\n

}<\/p>\n

\/**
\n* \u70b9\u51fb\u5173\u5361\u6309\u94ae
\n*\/<\/p>\n

private onTapIcon(event) {
\n\/\/ \u64ad\u653e\u70b9\u51fb\u97f3\u6548
\nSoundManage.getInstance().playClick();
\n\/\/ \u83b7\u53d6\u5f53\u524d\u70b9\u51fb\u7684\u5173\u5361
\nlet tg_icon: LevelIcon = event.currentTarget;
\nthis.sel_levle = tg_icon.Level;<\/p>\n

\/\/ let currentLevel = LevelDataManager.getInstance().Milestone;<\/p>\n

\/\/ \u8bbe\u7f6e\u7bad\u5934\u7684\u4f4d\u7f6e\u4e3a\u5f53\u524d\u70b9\u51fb\u5173\u5361\u7684\u4f4d\u7f6e
\nthis.img_arrow.x = tg_icon.x + tg_icon.width \/ 2;
\nthis.img_arrow.y = tg_icon.y;<\/p>\n

\/\/ \u8df3\u8f6c\u573a\u666f
\nthis.parent.addChild( SceneGame.getInstance() );
\nthis.parent.removeChild(this);
\nSceneGame.getInstance().initLevelData(tg_icon.Level);<\/p>\n

}<\/p>\n

public setMileStoneLevel(level: number) {<\/p>\n

var icon = this.levelIcons[level – 1];
\nicon.enabled = true;
\nthis.img_arrow.x = icon.x + icon.width \/ 2;
\nthis.img_arrow.y = icon.y;<\/p>\n

if (level > LevelDataManager.getInstance().Milestone) {
\nLevelDataManager.getInstance().Milestone = level;
\n}
\n}<\/p>\n

}<\/p>\n

 <\/p>\n

 <\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

class SceneLevel extends eui.Component implements eui.U […]<\/p>\n","protected":false},"author":1,"featured_media":469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[15],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/730"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=730"}],"version-history":[{"count":2,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/730\/revisions"}],"predecessor-version":[{"id":735,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/730\/revisions\/735"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/469"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=730"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}