自动换行框

自动换行框用于在超出其宽度时将控件自动放到下一行。

Windows
MacOS
Linux
On this page

描述

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

详情

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

WrapBoxSlotDetails.png

选项

描述

填充

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

填充空白空间

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

当小于设定值时填充跨度

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

水平对齐

水平对齐对象。

垂直对齐

垂直对齐对象。

使用示例

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

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

WrapBox1.png

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

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

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

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

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

Select Skin
Light
Dark

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback