编辑“界面”（章节）

==== hbox/vbox ====

Hboxes和vboxes是可调整大小的容器，它们对其子代进行排序、调整大小或展开。hbox水平排序子代，vbox垂直排序子代，除此之外它们的工作方式相同，所以这里的所有示例都适用于两者。

以下是屏幕截图，hboxes 带有黑色背景。所有示例都可以在 [https://steamcommunity.com/sharedfiles/filedetails/?id=2579010074 UI Library mod] 中找到。

{| class="wikitable"
|默认情况下，hbox 的工作方式类似于流容器(flowcontainer)：它以水平方向排列子项，并调整大小以适应它们。
<pre>
hbox = {
    button_round = {}
    button_round = {}
}
</pre>
|[[File:simple_hbox_wide.jpg]]
|-
|使用 <code>layoutpolicy_horizontal = expanding</code> 时，它会扩展到其父级的宽度，并展开其子元素。
<pre>
hbox = {
    layoutpolicy_horizontal = expanding
    button_round = {}
    button_round = {}
}
</pre>
|[[File:Expanded_hbox.jpg]]
|-
|要将其子项分组，我们可以使用 <code>expand = {}</code> ，这是一个模板部件，其布局策略设置为"增长(growing)"（在gui/shared/windows.gui中定义）。
<pre>
hbox = {
    layoutpolicy_horizontal = expanding
    button_round = {}
    button_round = {}
    expand = {}
}
</pre>
|[[File:Ordered_hbox.jpg]]
|-
|"扩大(expanding)"策略涉及到子代的规模调整。

这对于创建标签页非常有用，无需手动设置它们的大小。
<pre>
hbox = {
    layoutpolicy_horizontal = expanding
    button_standard = { layoutpolicy_horizontal = expanding }
    button_standard = { layoutpolicy_horizontal = expanding }
}
</pre>
|[[File:tabs hbox 2.jpg]]
|-
|随着水平和垂直方向的“扩展(expanding)”策略，hbox 及其子代将在两个方向上进行调整大小。
<pre>
hbox = {
    layoutpolicy_horizontal = expanding   layoutpolicy_vertical = expanding
    button_standard = {
        layoutpolicy_horizontal = expanding   layoutpolicy_vertical = expanding
    }
    button_standard = {
        layoutpolicy_horizontal = expanding   layoutpolicy_vertical = expanding
    }
}
</pre>
|[[File:big hbox.png]]
|}
如果放置在固定大小的父级容器中，默认情况下，它会水平和垂直方向上扩展到整个父级容器的大小。但如果放置在其他垂直盒子或水平盒子中，它们将不会扩展到父级容器的大小。