UMG的布局说明与方式之三VerticalBoxSlot和HorizontalBoxSlot

说明

VerticalBox是让子控件垂直排列。同样，HorizontalBox是让子控件水平排列。

他们的属性图如下

垂直布局控件.png

水平布局控件.png

Padding

当子控件定义好位置与大小之后，再按padding的值，偏移，这个属性会影响子控件在布局里的位置。一般用于间隔

例子如下

Size

Auto 指子控件受自身大小影响，子控件多大就占多大空间
Fill 指填充这个布局控件。

注

Fill 指定之后，会有一个数值指定填充的百分比

指定Fill之后，默认值是1.png

如果有多个控件都指定这个值之后，计算规则：

1. 记录所有子控件中指定了Fill的值之和，Sum.
2. 计算除去没有指定Fill值之后，父控件所剩余的空间，NonFixedSpace
3. 再对每一个指定Fill控件的大小为 其Fill值/ Sum * NonFixedSpace

示例

1. HorizontalBox有三个控件，分别是A B C, 如果他们都指定Fill属性，并设置Fill值为1，
   那么每一个控件就会占有(1/3)的父控件的大小。
2. HorizontalBox有三个控件，分别是A B C, 如果A设定size为auto ,并且A的长度是Len(A); B，C的Fill值为1.那么B和C会分别点(总长度-len(A)) / (1 + 1)大小

Horizontal Alignment

注：在水平布局控件下，这个属性无意义

在垂直布局控件下，代表了左中右三个位置

Vertical Alignment

同上