Skip to content

简介

垂直布局( 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 对象。
True.png 勾选,逆向排序子级 UI 对象,子级 UI 对象将从下往上排列。
False.png 不勾选,不逆向排序子级 UI 对象,子级 UI 对象将从上往下排列。
大小限制(Limit Size)设置是否统一子级 UI 对象的尺寸大小。
True.png 勾选,限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照 子节点尺寸(Child Size)中设置的值变换。
False.png 不勾选,不限制子级 UI 对象的尺寸大小,子级 UI 对象的尺寸将按照自身尺寸变换。
子节点尺寸(Child Size)当 大小限制(Limit Size)属性为 勾选(True)时,此属性将显示且可以编辑,其子属性 X 和 Y 分别用于设置子级 UI 对象在 X 轴和 Y 轴方向的尺寸大小,属性值为 二维向量(Vector 2)。可分别设置 X 和 Y 方向的尺寸,属性值可以输入自然数,单位为像素。