简介
垂直布局( Vertical Layout)控件类型将其子级 UI 对象(UI Object)纵向放置。
【UIEditor_Controls047.png】
垂直布局控件类型实例化的 UI 对象,在添加了 3 个 图片(Image)控件类型的子级 UI 对象后的显示效果。
属性
垂直布局( Vertical Layout)控件类型的 UI 对象可以设置布局的对齐方式、缩进距离,还能设置子级 UI 对象之间的间隔和排列方向,也能编辑子级 UI 对象的统一尺寸,以让布局更规整。其属性和 水平布局(Horizontal Layout)控件类型一致。
【UIEditor_Controls048.png】
| 名称 | 描述 |
|---|---|
| 对齐(Alignment) | 用于子级 UI 对象的对齐方式,有 9 种对齐方式可设置:左上角对齐(TopLeft)、正上方对齐(TopCenter)、右上角对齐(TopRight)、正左侧对齐(MiddleLeft)、中心对齐(MiddleCenter)、正右侧对齐(MiddleRight)、左下角对齐(BottomLeft)、正下方对齐(BottomCenter)、右下角对齐(BottomRight)。 |
| 填充(Fill) | 设置 UI 对象的子级 UI 对象相对于 UI 对象的缩进(或延伸)值。属性单位为像素。可以通过其子属性设置从 左侧(Left)、右侧(Right)、顶部(Top)、底部(Bottom)缩进(或延伸)。 |
| 间距(Spacing) | 子级 UI 对象之间的间距。用于设置子级 UI 对象在 Y 轴方向之间的间距。属性单位为像素。 【UIEditor_Controls049.gif】 |
| 逆向(Reverse) | 设置是否逆向排列子级 UI 对象。 勾选,逆向排序子级 UI 对象,子级 UI 对象将从下往上排列。 不勾选,不逆向排序子级 UI 对象,子级 UI 对象将从上往下排列。 |
| 大小限制(Limit Size) | 设置是否统一子级 UI 对象的尺寸大小。 勾选,限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照 子节点尺寸(Child Size)中设置的值变换。 不勾选,不限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照自身尺寸变换。 |
| 子节点尺寸(Child Size) | 当 大小限制(Limit Size)属性为 勾选(True)时,此属性将显示且可以编辑,其子属性 X 和 Y 分别用于设置子级 UI 对象在 X 轴和 Y 轴方向的尺寸大小,属性值为 二维向量(Vector 2)。可分别设置 X 和 Y 方向的尺寸,属性值可以输入自然数,单位为像素。 |

勾选,逆向排序子级 UI 对象,子级 UI 对象将从下往上排列。
不勾选,不逆向排序子级 UI 对象,子级 UI 对象将从上往下排列。
勾选,限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照 子节点尺寸(Child Size)中设置的值变换。
不勾选,不限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照自身尺寸变换。