Skip to content

简介

水平布局(Horizontal Layout)控件类型将其子级 UI 对象(UI Object)水平并排放置在一起。

【UIEditor_Controls044.png】

水平布局控件类型实例化的 UI 对象,在添加了 3 个 图片(Image)控件类型的子级 UI 对象后的显示效果。

属性

水平布局(Horizontal Layout)控件类型的 UI 对象可以设置布局的对齐方式、缩进距离,还能设置子级 UI 对象之间的间隔和排列方向,也能编辑子级 UI 对象的统一尺寸,以让布局更规整。

【UIEditor_Controls045.png】

名称描述
对齐(Alignment)用于子级 UI 对象的对齐方式,有 9 种对齐方式可设置:左上角对齐(TopLeft)、正上方对齐(TopCenter)、右上角对齐(TopRight)、正左侧对齐(MiddleLeft)、中心对齐(MiddleCenter)、正右侧对齐(MiddleRight)、左下角对齐(BottomLeft)、正下方对齐(BottomCenter)、右下角对齐(BottomRight)。
填充(Fill)设置 UI 对象的子级 UI 对象相对于 UI 对象的缩进(或延伸)值。属性单位为像素。可以通过其子属性设置从 左侧(Left)、右侧(Right)、顶部(Top)、底部(Bottom)缩进(或延伸)。
间距(Spacing)子级 UI 对象之间的间距。用于设置子级 UI 对象在 X 轴方向之间的间距。属性单位为像素。

【UIEditor_Controls046.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 轴方向的尺寸大小,单位为像素。