Unity Auto Layout的使用(三)

一、Aspect Ratio Fitter

这里写图片描述
Aspect Mode:
None:不进行适配
Width Controls Height:由width根据宽高比来设置height
Height Controls Width:由height根据宽高比来设置width
Fit In Parent:根据宽高比,把UI放入父物体的rect中,不会超出父物体的范围
如图:
这里写图片描述
Envelope Parent:根据宽高比,让UI完全覆盖父物体的rect
如图;
这里写图片描述

二、Content Size Fitters

以Vertical Layout Group为例,配合Layout Element使用
父物体 Vertical Layout Group
这里写图片描述
子物体 Layout Element
这里写图片描述
子物体 Layout Element(1)
这里写图片描述

父物体的参数
Horizontal Fit 选择了MinSize,所以父物体的width适应了子物体最大的Min Width,这两个子物体的Min Width都是50,所以父物体的Width也是50

Vertical Fit 选择了 Preferred Size,所以 父物体的Height应该是两个子物体Preferred Height之和,两个子物体的Preferred Height分别为200,50,而父物体的高为300,为什么呢?

请看子物体Layout Element(1),它的Min Height为100,也就是说,它限制了这个物体的Height最小为100,所以父物体的Height为200+100

子物体也可以都不挂载Layout Element组件,父物体如下图配置,来根据子物体的大小,自适应设置父物体的Rect大小
这里写图片描述

还有一点 Content Size Fitters可以给Text组件做自适应
这里写图片描述

Unity Auto Layout的组件就这几个了,有什么没有说到或者错误的地方,给我留言哈~

猜你喜欢

转载自blog.csdn.net/zcaixzy5211314/article/details/79520004
今日推荐