UGUI系列——Unity Auto Layout的使用（三）

UGUI系列其他博文，可通过导航帖查看

一、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的组件就这几个了，有什么没有说到或者错误的地方，给我留言哈~

我会在我的公众号上推送新的博文，也可以帮大家解答问题
微信公众号 Andy and Unity 搜索名称或扫描二维码

希望我们能共同成长，共同进步