godot - Godot 有 `HVBoxContainer` 吗？

Question

想一想您可能需要显示按钮列表的角色扮演游戏。用户可能会进入一个房间，他们必须从一系列选项(按钮)中进行选择。是否有一种容器/面板可以水平显示可点击按钮，但在需要时换行？

我能想到的最好的比喻是，想象一下需要点击背包中的一件元素，但每件元素的宽度可能不同。 (我可以让它们的高度都相同，但宽度会有所不同)

.---[My Backpack]------.
| aaa  bbb  cccc ddd   |
| ee  fff  g           |
|                      |
|                      |
`----------------------'

(选项来自数据库，因此在编译时不知道房间中可能有多少选项，因此我需要以编程方式添加选项。)

this godot document 的最底部引入了自定义容器布局，但我不清楚这在实践中如何运作

Answer 1

Godot 3.5 或更新版本的流容器

Godot 3.5(目前处于测试阶段)引入了 HFlowContainer 和 VFlowContainer，它们将服务于所描述的目的。

HFlowContainer 将填充一行，当它们溢出时，它将添加一个新行并在那里继续。 VFlowContainer 将以类似的方式工作，但带有列。

---

Godot 3.5 之前的流容器

对于旧版本的 Godot，您可以使用 HFlowContainer 插件，您可以在资源库 (here) 中找到它。 请注意，没有对应的 VFlowContainer。

由于 Assets 库中的所有内容都是免费和开源的，所以请随意阅读和修改代码，如果您想制作自己的自定义 Container，可以作为起点.

---

制作您自己的自定义容器

制作自定义 Container 的要点是它必须定位其子项。

为此，您在 _notification 方法中对 NOTIFICATION_SORT_CHILDREN 作出 react 。 您可能还想对 NOTIFICATION_RESIZED 使用react。

你可以有一个方法——我称之为layout——当你收到通知时调用它:

func _notification(what):
    if what == NOTIFICATION_SORT_CHILDREN:
        layout()

并且还从定义 Container 必须如何组织其子项的属性的 setter ( setget ) 调用 layout。 要从 _notification 以外的任何地方调用 layout，您可能需要使用 call_deferred("layout") 来防止任何可能的重新布局循环导致游戏挂起或崩溃。

---

layout 方法将遍历可见的子 Control 并使用 get_combined_minimum_size 计算出它们的大小。

像这样:

func layout() -> void:
    # …
    for child in get_children():
        var control := child as Control
        if not is_instance_valid(control) or not control.visible:
            continue

        var size := control.get_combined_minimum_size()
    # …

然后使用该信息计算子 Control 的位置和大小。当 Control 有增长空间时，您可能希望根据它们的 size_flags_stretch_ratio 在它们之间进行拆分。

一旦确定了 Control 的位置和大小，就可以使用 fit_child_in_rect 来定位它们，这将考虑增长和大小标志。

因此 - 除了最简单的 Container - 您将需要迭代子 Control 两次。为此，您可能会发现使用辅助数据结构来临时存储它们很有用。