Unity3D-UI--Layout组件

自动排版 Layout Group

Vertical Layout Group 垂直布局

【垂直布局组】组件将其子布局元素彼此重叠。它们的高度由各自的最小高度,首选高度和柔性高度决定,具体取决于以下模型:

  1. 所有子布局元素的最小高度相加在一起,并且它们之间的间距也相加。结果是垂直布局组的最小高度;
  2. 所有子布局元素的首选高度被加在一起,并且它们之间的间距也被添加。结果是垂直布局组的首选高度;
  3. 如果垂直布局组处于其最小高度或更小,则所有子布局元素也将具有其最小高度;
  4. “垂直布局”组越接近其首选高度,每个子布局元素也将越接近其首选高度;
  5. 如果“垂直布局组”高于其首选高度,它将根据子布局元素各自的灵活高度按比例分配额外的可用空间;

在这里插入图片描述

属性中文名称功能说明
Padding填充布局组边缘内的填充
Spacing间距布局元素之间的间距
Child Alignment子元素对齐方式如果子布局元素未填满所有可用空间,则使用它们的对齐方式
Control Child Size子元素大小控制布局组【是否】控制其子布局元素的宽度和高度
Use Child Scale子元素比例布局组在调整元素大小和布局时是否考虑其子布局元素的比例(宽度和高度对应于每个子布局元素的Rect变换组件中的“ 比例”>“ X”和“ 比例”>“ Y”值)
Child Force Expand子元素空间扩展是否强制子布局元素扩展以填充其他可用空间(如果有空间可以扩充)

Vertical Layout Group 表格布局

在这里插入图片描述
Padding:是调整内边距的参数
Cell Size:用来设置子物体的大小
Spacing:每个子物体之间x轴/y轴上的间隔像素
Start Corner:第一个子物体所在角落

Start Axis:子物体排列的轴向,也就是纵向排列还是横向排列的选择
Child Alignment:对齐方式
Constraint:把子物体约束成固定的行或者列
flexible:自由排列,也就是根据选择的轴向,自动排列,剩余空间不够便自动换行/换列
fixed column count:限制列数
fixed row count:限制行数

Content Size Fitter 宽高适配组件

在这里插入图片描述

根据子元素的宽高适配Layout的宽高
Horizontal Fit:水平的适配方式;
Vertical Fit:垂直的适配方式;

适配的三种方式:

1.None,不进行适配;

2.Minimum,根据元素的最小宽度进行适配;

3.Preferred,根据元素的首选宽度进行适配。

Aspect Ratio Fitter 根据比例控制当前的宽高

在这里插入图片描述

Aspect Mode:控制的模式:

1.None,不进行控制;

2.Width Controls Height,宽控制高;

3.Height Controls Width,高控制宽;

4.Fit In Parent,宽高比例为1:1,以父节点的宽高最小值为该节点的宽高;

5.Envelope Parent,宽高比例为1:1,以父节点的宽高最大值为该节点的宽高;

Layout Element 自动布局组件

在这里插入图片描述
Ignore Layout 启用后,布局系统将忽略此布局元素。

Min Width:布局元素最小的宽度;

Min Height:布局元素最小的高度;

Preferred Width:布局元素首选的宽度;

Preferred Height:布局元素首选的高度;

Flexible Width:弹性宽度;

Flexible Height:弹性高度;

Layout Priority 此组件的布局优先级。

如果一个游戏对象有一个以上包含布局属性的组件(例如,一个 Image 组件和一个 LayoutElement 组件),则布局系统将使用 Layout Priority 值最高的组件中的属性值。

如果这些组件具有相同的 Layout Priority 值,则布局系统将使用每个属性的最大值,而不管该属性来自哪个组件。

posted @ 2021-06-05 12:17  yassine  阅读(387)  评论(0编辑  收藏  举报