cocoscreator实现切换器

被封三年3

于 2019-11-04 11:27:48 发布

阅读量656

点赞数

分类专栏： Cocos Creator 文章标签： cocoscreator实现切换器

本文链接：https://blog.youkuaiyun.com/weixin_39514724/article/details/102893461

版权

Cocos Creator 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何在CocosCreator中实现切换器功能，包括切换器容器的设置和切换器项(item)的配置，详细讲解了这两个关键部分在创建切换器过程中的作用和实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、切换器的容器
2、切换器的item
在这里插入图片描述

 /**
     * 
     * @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);


        });
    }