cc.Class({
    extends: cc.BaseClass,

    properties: {
        // 这里可以定义组件的属性，目前为空
    },

    onLoad: function () {
        // 在组件加载时，为两个布局的 Toggle 添加点击事件监听
        for (var i = 0; i < 2; i++) {
            // 使用模板字符串定位节点，并为其 'toggle' 事件绑定回调函数 onTogClicked
            this.$(`layout/${i}`).on('toggle', this.onTogClicked, this);
        }
    },
    start: function () {
        // 在组件启动时，根据全局设置中的 Lobby 背景索引，设置对应的 Toggle 为选中状态
        this.$(`layout/${window.g_Setting[window.SetKey_Lobby_BG]}@Toggle`).isChecked = true;
    },
    onTogClicked: function (tog) {
        // 当 Toggle 被点击时，保存当前 Toggle 对应的背景索引到全局设置中
        window.SaveSetting(window.SetKey_Lobby_BG, parseInt(tog.node.name));
        // 如果全局变量 g_Lobby 存在，则调用其 onSwitchBG 方法，传递当前 Toggle 的名称作为参数
        if (g_Lobby) {
            g_Lobby.onSwitchBG(tog.node.name);
        }
    },
});