UGUI进阶教程(二):LayoutGroup布局参数详解
发表于2018-08-28
LayoutGroup的组件分为很多种不同类型,针对不同类型的组件有不同的用法,下面就介绍下UGUI的Layout Group布局参数,帮助大家掌握各功能的使用。

一、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:宽高比例
以上就是本篇文章对LayoutGroup布局参数的全部内容,希望能对大家有所提升。