UGUI提高 LayoutGroup布局参数详解

原创

一. Grid Layout Group 横竖布局

Padding   ——  间隔

CellSize   ——  子物体大小

Spacing   ——  子物体之间的间隔

Start Corner  ——  子物体排列的角度

Start Axis       ——  子物体排列方向

Child Alignment  —— 子物体整体位于什么方位

Constraint  约束  ——  Flexible灵活的( 按照父物体长宽自动横竖行 )    Fixed Column Count   指定列数      Fixed Row Count 指定行数

二.Horizontal（Vertical） Layout Group  横(竖)向布局

child force expand  ——  是否强制拉伸长宽到父物体大小

单是一个布局组件很难实现想要的效果，还可以再添加一个Content Size Fitter 组件配合使用（只是用来过滤尺寸，没有设置的选项默认为0处理，比如选择Min  Width  ，但是子物体上没有设置过Min  Width  ，那么它就没有宽度）。

Content Size Fitter  内容大小过滤 组件

Horizontal Fit    ——   子物体横向适配（Unconstrained 不受约束  Preferred Size   首选尺寸  Min Size 最小尺寸）

Vertical Fit         ——   子物体竖向适配

Layout Element    布局元素 组件   ( 子物体上需要添加 )

Min  Width        ——   最小宽度( 不受父物体宽度影响 )

Min  Height      ——   最小高度

Preferred Width  ——  首选宽度( 最大不能超过父物体宽度 )

Preferred Height ——  首选高度

Flexible Width    ——  灵活宽度 ( 只有0和大于0两种  大于0的话会自动补全宽度)

Flexible Height ——   灵活高度

注：横竖布局下的子物体大小是统一的，不能单独设置大小。没有单个横竖布局灵活，但是设置简单一些。

三.Content Size Fitter  内容大小过滤 组件

一般和Layout Group配合使用  用法刚才已经写过了，再写一次加深印象。

四. Aspect Ratio Fitter  宽高比过滤  组件

Aspect Mode  ——  宽高比模式 （ Width Controls Height 宽控制高(高度不可修改)   Height Controls Width 高控制宽     Fit In Parent 宽或高和父物体一样，另一个小于父物体   Envelope Parent 宽或高和父物体一样，另一个包围父物体 ）

Aspect Ratio  ——   宽高比例