Cocos Creator之Layout控件

Layout控件

之前阅读Cocos Creator文档的时候，看到了这个控件，最近才用得到。需求是在按钮上显示购买价格，如XX元购买。XX是通过Label控件显示，“元购买”则是一张图片。由于价格对应的数字是一位或者两位数字，因此显示的时候，单纯的通过位置控制“XX元购买”不容易居中，因此需要用到Layout控件。

用法

方案是将“xx”标签节点这里命名为price_label，将“元购买”节点定义为price_sprite。新建Layout空间，随后将这两个节点置于其下。并设置Layout的布局方式为horizontal，设置其变化ResizeMode为Children。Layout设置在父节点的(0, 0)。
这样当价格变化的时候，它们在显示上仍然是居中的。