Cocos2d-JS 2017.1.19-代码阅读笔记

ccui.HBox

• Defined in: UIHBox.js
• Extends ccui.Layout

http://www.cocos2d-x.org/docs/api-ref/js/v3x/

对于Button只要setFocused(true)，那么就会自动显示按钮的第二张图片(也就是pressed的图片)

//初始化格子
initGrid: function ()
{
    this._verticalLayout = new ccui.VBox();
    this._verticalLayout.setPosition(40, 365);
    this.addChild(this._verticalLayout);
    this._verticalLayout.setTag(300);
    //this._verticalLayout.setScale(0.8);

    this._verticalLayout.setFocused(true);
    this._verticalLayout.setLoopFocus(true);

    var row=5;
    var cow=2;

    var params = new ccui.LinearLayoutParameter();
    //l左, t上, r右, b下
    params.setMargin(new ccui.Margin(10,0,0,120));
    var vparams = new ccui.LinearLayoutParameter();
    vparams.setMargin(new ccui.Margin(0, 0, 0, 80));
    this._verticalLayout.setLayoutParameter(vparams);
    var itemParams = new ccui.LinearLayoutParameter();
    //设置子项边缘
    itemParams.setMargin(new ccui.Margin(0, 0, -32, 0));

    for (var i=0; i<cow; ++i)
    {
        var hBox=new ccui.HBox();
        hBox.setLayoutParameter(params);
        for(var j= 0;j<row;j++)
        {
            var heroLevelUpItem= new HeroLevelUpItem();
            if(heroLevelUpItem)
            {
                heroLevelUpItem.setTag(i*row+j);
                heroLevelUpItem.addTouchEventListener(this.onTouchEvent, this);
                heroLevelUpItem.setScale(0.8,0.8);
                heroLevelUpItem.setLayoutParameter(itemParams);
                heroLevelUpItem.Button_addEnergy.addClickEventListener(function ()
                {
                    //剩余可用能量石
                    var arr=this.getCanUseEnergy();
                    sendCustomEvent(GameUIEvent.SHOW_CHOOSE_ENERGY_STONE_LAYER,arr);
                }.bind(this));

                heroLevelUpItem.changeEnergeyStone(null);
                hBox.addChild(heroLevelUpItem);
            }
        }
        hBox.setTag(i);
        this._verticalLayout.addChild(hBox);
    }

},