如何使用BoxContainer横向排列三个Sprite2D与一个按钮？

我尝试在BoxContainer中横向排列三个Sprite2D和一个按钮。已经写了代码根据子节点尺寸计算容器的最小宽高，但Node2D/Sprite2D节点始终堆叠在一起，按钮却能正常遵循容器布局。

有没有办法不用手动计算位置或硬编码容器总宽度，直接通过容器让三个精灵横向排列？

（注：BoxContainer的锚点预设在"Bags"配置中设置为顶部居中）

核心原因与解决方案 #

BoxContainer是Control类容器，仅支持布局Control子类节点（比如Button就属于Control体系），而Sprite2D是Node2D类，不在Control的布局规则覆盖范围内，所以会出现堆叠问题。无需手动计算位置的解决方法很直接：

• 给每个Sprite2D添加一个Control（或Panel、ColorRect这类Control子类）作为父节点
• 将Control节点的尺寸设置为与Sprite2D的纹理大小一致（编辑器手动设置或代码自动同步均可）
• 把带Control父节点的Sprite2D放入BoxContainer中

完成后，BoxContainer就能识别每个Control节点的尺寸，自动横向排列所有元素，包括按钮和包裹后的精灵。

自动适配尺寸的代码示例 #

如果想避免手动调整Control尺寸，可以在Control的脚本中添加如下代码，自动同步Sprite2D的纹理大小：

func _ready():
    # 让Sprite2D在Control容器中居中
    $Sprite2D.position = Vector2(rect_size.x / 2, rect_size.y / 2)
    # 同步Sprite2D的纹理尺寸到Control
    rect_size = $Sprite2D.texture.get_size()

这样后续修改Sprite2D的纹理时，Control尺寸会自动适配，BoxContainer的布局也会随之调整，完全不需要硬编码容器宽度或手动计算位置。

内容的提问来源于stack exchange，提问作者ZekeTheGeek