Eliminate_gold_nuggets/assets/script/game/common/setting/SettingViewComp.ts

/*
 * @Author: mojunshou 1637302775@qq.com
 * @Date: 2025-03-20 15:40:20
 * @LastEditors: mojunshou 1637302775@qq.com
 * @LastEditTime: 2025-04-03 15:38:50
 * @Description:设置界面 
 */
import { _decorator } from "cc";
import { oops } from "db://oops-framework/core/Oops";
import { ecs } from "db://oops-framework/libs/ecs/ECS";
import { CCComp } from "db://oops-framework/module/common/CCComp";
import { UIID } from "../config/GameUIConfig";
import { CCVMParentComp } from "db://oops-framework/module/common/CCVMParentComp";
import { Toggle } from "cc";
import { Account } from "../../account/Account";
import { ImageAsset, Texture2D, SpriteFrame, Sprite } from "cc";
import { IRemoteOptions, resLoader } from "db://oops-framework/core/common/loader/ResLoader";
import { Button } from "cc";

const { ccclass, property } = _decorator;

/** 视图层对象 */
@ccclass('SettingViewComp')
@ecs.register('SettingView', false)
export class SettingViewComp extends CCVMParentComp {
    data: any = {
        nickName: "金砖大王",
        uid: "1234567890",
        music_state: true,
        effect_state: true
    }

    @property(Button)
    private musicBtn: Button = null!;

    @property(Button)
    private effectBtn: Button = null!;

    private _musicState: boolean = true;
    private _effectState: boolean = true;



    /** 视图层逻辑代码分离演示 */
    start() {
        // const entity = this.ent as ecs.Entity;         // ecs.Entity 可转为当前模块的具体实体对象
        this.setButton();
        this.updateHead();
        this.updateBtnState();
    }

    /** 视图对象通过 ecs.Entity.remove(SettingViewComp) 删除组件是触发组件处理自定义释放逻辑 */
    reset() {
        this.node.destroy();
    }


    private btn_about() {
        oops.gui.open(UIID.AboutUs);
    }


    private btn_close() {
        oops.gui.remove(UIID.Setting);
    }


    //更新按钮状态
    private updateBtnState() {
        const music_state = oops.storage.get("music_state");
        const effect_state = oops.storage.get("effect_state");
        if (music_state == "" || music_state == null) {
            oops.storage.set("music_state", true);
            this._musicState = true;
        } else {
            // 将字符串转换为布尔值
            let music_state_bool = music_state == "true" ? true : false;
            this._musicState = music_state_bool;
        }
        if (effect_state == "" || effect_state == null) {
            oops.storage.set("effect_state", true);
            this._effectState = true;
        } else {
            // 将字符串转换为布尔值
            let effect_state_bool = effect_state == "true" ? true : false;
            this._effectState = effect_state_bool;
        }
        oops.audio.switchMusic = this._musicState;
        oops.audio.switchEffect = this._effectState;

        const music_on = this.musicBtn.node.getChildByPath("btn_on")!;
        const music_off = this.musicBtn.node.getChildByPath("btn_off")!;
        music_on.active = this._musicState;
        music_off.active = !this._musicState;

        const btn_on = this.effectBtn.node.getChildByPath("btn_on")!;
        const btn_off = this.effectBtn.node.getChildByPath("btn_off")!;
        btn_on.active = this._effectState;
        btn_off.active = !this._effectState;

    }


    //更新头像
    private updateHead() {
        let account = ecs.getEntity<Account>(Account);
        let sprite = this.node.getChildByPath("Bg/btn_head/sp_head")!.uiSprite;
        // let url = account.AccountModel.head;
        let url = "http://www.kuaipng.com/Uploads/pic/w/2020/07-16/89010/water_89010_698_698_.png"
        this.data.uid = account.AccountModel.Uid;
        var opt: IRemoteOptions = { ext: ".png" };
        var onComplete = (err: Error | null, data: ImageAsset) => {
            const texture = new Texture2D();
            texture.image = data;

            const spriteFrame = new SpriteFrame();
            spriteFrame.texture = texture;
            sprite.spriteFrame = spriteFrame;
        }
        resLoader.loadRemote<ImageAsset>(url, opt, onComplete);
    }


    //打开音乐
    private btn_music() {
        this._musicState = !this._musicState;
        oops.storage.set("music_state", this._musicState);
        oops.audio.switchMusic = this._musicState;
        const btn_on = this.musicBtn.node.getChildByPath("btn_on")!;
        const btn_off = this.musicBtn.node.getChildByPath("btn_off")!;
        btn_on.active = this._musicState;
        btn_off.active = !this._musicState;
    }

    //打开音效
    private btn_effect() {
        this._effectState = !this._effectState;
        oops.storage.set("effect_state", this._effectState);
        oops.audio.switchEffect = this._effectState;

        const btn_on = this.effectBtn.node.getChildByPath("btn_on")!;
        const btn_off = this.effectBtn.node.getChildByPath("btn_off")!;
        btn_on.active = this._effectState;
        btn_off.active = !this._effectState;
    }


    //隐私协议
    private btn_privacy() {



    }



    //用户协议
    private btn_protocol() {



    }

}