自动换行框

本页面的内容:

描述

该控件会将子控件从左到右排列,超出其宽度时会将其余子控件放到下一行。

详情

在放入 自动换行框 的控件的 详情 面板中,提供了一些设置,用于调整控件的运作方式,以下针对这些设置进行介绍。

WrapBoxSlotDetails.png

选项

描述

填充

这是槽与其中所含内容之间的填充区域。

填充空白空间

确定槽是否应当填充某行上的剩余空间。

当小于设定值时填充跨度

该设置表示如果自动换行框中的可用空间总值降至低于指定阈值,则槽将尝试填充整行。将阈值设为 0 表示不会进行填充。

水平对齐

水平对齐对象。

垂直对齐

垂直对齐对象。

使用示例

当您想要根据容器的宽度来排布容器中的项目,使这些项目对齐且等间隔放置并自动确定其中内容的格式时,使用自动换行框非常有用。

我们以下图为例进行说明。在下图中,我们创建了某种“商店”屏幕类别,向玩家呈现了数种物品。

WrapBox1.png

上图中的白色图像代表不同的物品,玩家只需点击某样物品然后点击购买按钮,就可以购买物品。在我们的示例中,我们希望被购买后将物品从商店中删除,或按下“出售”按钮后在商店中添加物品(当然您可能需要弹出菜单来选择要出售的物品,但我们这里仅仅是传达这种概念)。

例如,“购买”并删除物品会使窗口自动更新:

而“出售”并添加物品亦是如此(达到窗口最大宽度时会自动换行):

它还可以用来在调整窗口大小时保持其中的内容排列整齐。

虽然自动换行框只会通过检查宽度来判断何时排列其中的控件,但您还可以将该控件与滚动框结合使用,滚动框会在窗口中的控件数量超出范围时添加滚动条,从而使用户可向下滚动,查看其余的控件。