Cocos Creator之Layout控件

时间:2024-04-08 19:24:00

Cocos Creator之Layout控件

Layout控件

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

用法

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