cocos2d-js 3.0 单选按钮

本人只贴上代码,有点基础的童鞋都应该能看懂就不做解释了。

var RadioGroup=cc.Layer.extend({
    _menu:null,
    _selectId:0,
    ctor:function (){
        this._super();
    },
    init:function(arraytxt,arrayPoint){
        cc.assert(arraytxt.length==arrayPoint.length,"must 相等");
        var num=arraytxt.length;
        this._menu = cc.Menu.create();
        this._menu.x = 0;
        this._menu.y = 0;
        this.addChild(this._menu);
        for(var i=0;i<num;i++){
            var point=arrayPoint[i];
            var bt = cc.MenuItemSprite.create(cc.Sprite.create(res.radio), cc.Sprite.create(res.radio1),this._radioFun, this);
            bt.x=point.x;
            bt.y=point.y;
            bt.addChild(this._createLf(arraytxt[i],bt.getContentSize().width,bt.getContentSize().height/2));
            this._menu.addChild(bt);
        }
        this.setSelectId(0);
    },
    _createLf:function(word,px,py){
        var fontSize=80;
        var fontDefRedStrokeShadow = new cc.FontDefinition();
        fontDefRedStrokeShadow.fontName = "Arial";
        fontDefRedStrokeShadow.fontSize = fontSize;
        fontDefRedStrokeShadow.textAlign = cc.TEXT_ALIGNMENT_CENTER;
        fontDefRedStrokeShadow.verticalAlign = cc.VERTICAL_TEXT_ALIGNMENT_TOP;
        fontDefRedStrokeShadow.strokeEnabled = true;
        fontDefRedStrokeShadow.shadowEnabled = true;
        var wordLf=cc.LabelTTF.create(word,fontDefRedStrokeShadow);
        wordLf.color=cc.color(82,47,19);
        wordLf.anchorX=0;
        wordLf.x=px;
        wordLf.y=py;
        return wordLf;
    },
    _radioFun:function(menuItem){
        var items=this._menu.getChildren();
        for(var i=0;i<items.length;i++){
            if(items[i]==menuItem){
                this.setSelectId(i);
                break;
            }
        }
    },
    setSelectId:function(num){
        var items=this._menu.getChildren();
        items[this._selectId].unselected();
        items[num].selected();
        this._selectId=num;
    },
    getSelectId:function(){
        return this._selectId;
    }
});
RadioGroup.create=function(arraytxt,arrayPoint){
    var sg=new RadioGroup();
    sg.init(arraytxt,arrayPoint)
    return sg;
};



调用方式:
 this._qiJuRadio=RadioGroup.create(["转盘","飞盘"],[cc.p(130,1090),cc.p(470,1090)]);
 this.addChild(this._qiJuRadio);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值