cocoscreator实现切换器

1、切换器的容器
2、切换器的item

cocoscreator实现切换器_第1张图片

 /**
     * 
     * @param {默认选中的} defaultNum 
     * @param {回调函数,用来实现不同switcher点击实现的功能} cbFunc 
     * @param {回调的上下文} context 
     */
    init(defaultNum, cbFunc, context) {
        var defaultNum = defaultNum || 0; //默认选中,如果不写,则默认为第一个选中
        this.childList = this.node.children; 
        //对所有按钮进行遍历
        this.childList.forEach((sNode, sIndex) => {
            let show = false;
            //初始化默认选中的
            if (defaultNum == sIndex) {
                show = true;
            }
            sNode.getChildByName('sel').active = show;          
            //删除与之前同类型的回调,防止出现冲突
            sNode.off(cc.Node.EventType.TOUCH_END);
            //添加回调函数
            sNode.on(cc.Node.EventType.TOUCH_END, _ => {              
                var rst = cbFunc && cbFunc.call(context, sIndex, sNode);
                //如果当前的按钮没有开启,则不切换按钮的状态
                if(rst == false){
                    return;
                }
                //将所有的按钮设置为false
                this.node.children.forEach((n, i) => {
                    n.getChildByName('sel').active = false;
                });
				//将选中的设置为true
                var sel = sNode.getChildByName('sel');
                sel.active = true;
            }, this);


        });
    }

你可能感兴趣的:(Cocos,Creator)