Unity3D-UI--Layout组件
自动排版 Layout Group
Vertical Layout Group 垂直布局
【垂直布局组】组件将其子布局元素彼此重叠。它们的高度由各自的最小高度,首选高度和柔性高度决定,具体取决于以下模型:
- 所有子布局元素的最小高度相加在一起,并且它们之间的间距也相加。结果是垂直布局组的最小高度;
- 所有子布局元素的首选高度被加在一起,并且它们之间的间距也被添加。结果是垂直布局组的首选高度;
- 如果垂直布局组处于其最小高度或更小,则所有子布局元素也将具有其最小高度;
- “垂直布局”组越接近其首选高度,每个子布局元素也将越接近其首选高度;
- 如果“垂直布局组”高于其首选高度,它将根据子布局元素各自的灵活高度按比例分配额外的可用空间;
属性 | 中文名称 | 功能说明 |
---|---|---|
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 值,则布局系统将使用每个属性的最大值,而不管该属性来自哪个组件。