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

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

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);    }});

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。