Flowers/Flowers/assets/module_game/ui/UI_Settings/UI_Settings.ts

import { _decorator, Component, director, Node, Vec3 } from 'cc';
import ui_base from '../../../core/ui/ui_base';
import { ModuleDef } from '../../../scripts/ModuleDef';
import { GameUILayers } from '../../../core/ui/ui';
import { Layout_Settings } from './Layout_Settings';
import { UIManager } from '../UI/UIManager';
import { Root } from '../../game/process/Root';
import { ch } from '../../../ch/ch';
import { button_Sound, SoundName } from '../../../module_extra/Customize/Customize_Sound';
import { ani_ui, toggleMoveTo } from '../../../module_extra/Customize/Customize_Ani';
import { UIName } from '../UI/UI_ClassManager';
const { ccclass, property } = _decorator;

@ccclass('UI_Settings')
export class UI_Settings extends ui_base {

    private offset: Vec3[] = [new Vec3(-75, 0, 0), new Vec3(75, 0, 0)];
    constructor() {
        super(ModuleDef.GAME, 'ui/UI_Settings/Settings', GameUILayers.OVERLAY, Layout_Settings);
    }

    protected onCreated() {
        const layout = this.getLayout<Layout_Settings>();
        this.showPanel();

        this.onButtonEvent(layout.Close_Btn, () => {
            button_Sound(SoundName.clickUI);
            ch.sdk.destoryFeedbackButton();
            UIManager.getInstance().PopUI();
        });

        this.onButtonEvent(layout.Return_Btn, async () => {
            UIManager.getInstance().DestoryAllUI();
            UIManager.getInstance().pushUI(UIName.HALL);
        });

        layout.Music_Toggle.isChecked = ch.audio.volumeMusic != 0;
        layout.Sound_Toggle.isChecked = ch.audio.switchEffect;
        layout.Vibrate_Toggle.isChecked = Root.getInstance().Vibrate;

        toggleMoveTo(layout.Music_Toggle.node.getChildByName('Sprite'), this.offset[ch.audio.volumeMusic], 0);
        toggleMoveTo(layout.Sound_Toggle.node.getChildByName('Sprite'), this.offset[ch.audio.switchEffect ? 1 : 0], 0);
        toggleMoveTo(layout.Vibrate_Toggle.node.getChildByName('Sprite'), this.offset[Root.getInstance().Vibrate ? 1 : 0], 0);

        this.onToggleEvent(layout.Music_Toggle, (toggle) => {
            button_Sound(SoundName.clickUI);
            ch.audio.volumeMusic = layout.Music_Toggle.isChecked ? 1 : 0;
            toggleMoveTo(layout.Music_Toggle.node.getChildByName('Sprite'), this.offset[ch.audio.volumeMusic], 0.1);
            ch.audio.save();
        });

        this.onToggleEvent(layout.Sound_Toggle, (toggle) => {
            button_Sound(SoundName.clickUI);
            ch.audio.switchEffect = layout.Sound_Toggle.isChecked;
            toggleMoveTo(layout.Sound_Toggle.node.getChildByName('Sprite'), this.offset[ch.audio.switchEffect ? 1 : 0], 0.1);
            ch.audio.save();
        });

        this.onToggleEvent(layout.Vibrate_Toggle, (toggle) => {
            button_Sound(SoundName.clickUI);
            Root.getInstance().Vibrate = layout.Vibrate_Toggle.isChecked;
            toggleMoveTo(layout.Vibrate_Toggle.node.getChildByName('Sprite'), this.offset[Root.getInstance().Vibrate ? 1 : 0], 0.1);
        });
    }

    public showPanel(): void {
        super.showPanel();
        const layout = this.getLayout<Layout_Settings>();
        ani_ui(layout.Close_Btn.node.parent);
        //区分场景
        if (UIManager.getInstance().getDownUIName() === UIName.HALL) {
            layout.Return_Btn.node.active = false;
            layout.Restart_Btn.node.active = false;
            layout.Question_Btn.node.active = ch.sdk.createFeedbackButton(ch.util.getBtnOp(layout.Question_Btn.node));
        }

        else if (UIManager.getInstance().getDownUIName() === UIName.MAIN) {
            layout.Return_Btn.node.active = true;
            layout.Restart_Btn.node.active = true;
            layout.Question_Btn.node.active = false;
        }
    }

    public new_close(): void {
        super.new_close();
    }
}