《開發之旅》學習筆記：遊戲界面手動打造菜單基礎元素

one,two,three,four,five爲menu上的不同的item創建方法。

alignItemsVerticallyWithPadding爲其中一種對齊方式，其他對齊方式包括：

menm.alignItemsHorizontally()
menm.alignItemsHorizontallyWithPadding()
menu.alignItemsInColumns()
menu.alignItemsInRows()
menm.alignItemsVertically()

DEMO代碼如下：

/**
 * Created by Administrator on 2015/7/21.
 */

var interFaceLayer = cc.Layer.extend({
ctor: function () {
this._super();

var one = new cc.MenuItemFont('one',this.gogame,this);
var two = new cc.MenuItemImage(res.CloseNormal_png,res.CloseSelected_png,this.gogame,this);
var three = new cc.MenuItemSprite(new cc.Sprite(res.CloseNormal_png),new cc.Sprite(res.CloseSelected_png),this.gogame,this);
var four = new cc.MenuItemLabel(new cc.LabelTTF('startgame','Arial',32),this.gogame,this);
var five = new cc.MenuItemToggle(new cc.MenuItemFont('off'),new cc.MenuItemFont('on'),this.gogame,this);

var menu = new cc.Menu(one,two,three,four,five);
menu.alignItemsVerticallyWithPadding(20);    //對齊方式
this.addChild(menu);

    },
gogame: function () {
cc.log('game');
    }
});

var interFaceScene = cc.Scene.extend({
onEnter: function () {
this._super();
var iface = new interFaceLayer();
this.addChild(iface);
    }
});