UGUI学习(一) :Layout Group布局使用说明

一、Unity5.5 UGUI的 Layout Group布局使用说明

1.Vertical (Horizontal ) Layout Group 垂直(水平)布局

UGUI学习(一) :Layout Group布局使用说明_第1张图片

Properties
Padding 内边距
Spacing 布局子控件的间隔
Child Alignment 当子控件们不能全部填充父控件的时候,子控件们的对其方式
Child Control Size 父物体是否强制控制子物体的size
Child Force Expand 是否强制子控件去填充父控件的多余空间

Function
Child Control Size:
非勾选状态:(可以设置子控件宽高,自行设定)


勾选状态:(不可以设置子控件宽高,由父控件设定)


2.Grid Layout Group 格子布局
UGUI学习(一) :Layout Group布局使用说明_第2张图片

Properties
Padding 内边距
Cell Size 组内每个格子的size
Spacing 格子间隔
Start Corner 最开始的格子位于父控件的位置
Start Axis 格子水平排列or竖直排列
Child Alignment 如果有多余空间,格子的对其方式
Constraint 强制格子布满特定行,列

3. Layout Element 布局子控件
UGUI学习(一) :Layout Group布局使用说明_第3张图片

Properties
Min Width 最小宽度,子控件必须满足的最小宽度(优先满足,具有强制性)
Min Height 最小高度:子控件必须满足的最小高度(优先满足,具有强制性)
Preferred Width 最优选的宽度:如果父控件在满足子控件最小宽度后仍然有富余空间,优先选择的宽度
Preferred Height 最优选的高度:如果父控件在满足子控件最小高度后仍然有富余空间,优先选择的宽度
Flexible Width 弹性宽度:父控件在满足子控件优选宽度之后仍然有富余空间,剩余空间按比例分配的比例数值
Flexible Height 弹性宽度:父控件在满足子控件优选高度之后仍然有富余空间,剩余空间按比例分配的比例数值

Function
1.ignore layout : 忽视布局。如果想单独让某个格子不参与布局,选中即可
2.上面的几个属性,自己实际去实验一下,细细体会一下就明白了

你可能感兴趣的:(Unity)