[UE4]Horizontal Box

HorizontalBox是让子控件水平排列。

属性图如下

[UE4]Horizontal Box_第1张图片

Padding

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

   上下左右留白20px

  [UE4]Horizontal Box_第2张图片

  也可以上下左右分别设置留白

  [UE4]Horizontal Box_第3张图片

Size

  [UE4]Horizontal Box_第4张图片

  2个值。Auto:根据控件本身的大小来确定大小。Fill:填充

  Fill

    填充,占据容器所有的剩余空间。

    [UE4]Horizontal Box_第5张图片

    2个以上的控件都设置了Fill,则根据Fill值分摊父容器的剩余空间

    [UE4]Horizontal Box_第6张图片

  Horizontal Alignment、Vertical Alignment。水平对齐、垂直对齐

    [UE4]Horizontal Box_第7张图片

    [UE4]Horizontal Box_第8张图片

 Horizontal Box子控件向右对齐

  默认是向左对齐的。

  [UE4]Horizontal Box_第9张图片

  可以设置“按钮1”:Sile=Fill、Horizontal Alignment=右对齐,达到让控件向右对齐的目的

  [UE4]Horizontal Box_第10张图片

  也可以添加一个SizeBox并设置Size=Fill,把按钮控件挤到右边,也可以实现向右对齐

   [UE4]Horizontal Box_第11张图片

  还可以直接将Horizontal Box的Scale.X=-1,达到向右对齐,但是按钮内的文字也会被镜像相反了。

  [UE4]Horizontal Box_第12张图片

 

转载于:https://www.cnblogs.com/timy/p/10271319.html

你可能感兴趣的:([UE4]Horizontal Box)