一、Aspect Ratio Fitter

Unity Auto Layout的使用(三)
Aspect Mode:
None:不进行适配
Width Controls Height:由width根据宽高比来设置height
Height Controls Width:由height根据宽高比来设置width
Fit In Parent:根据宽高比,把UI放入父物体的rect中,不会超出父物体的范围
如图:
Unity Auto Layout的使用(三)
Envelope Parent:根据宽高比,让UI完全覆盖父物体的rect
如图;
Unity Auto Layout的使用(三)

二、Content Size Fitters

以Vertical Layout Group为例,配合Layout Element使用
父物体 Vertical Layout Group
Unity Auto Layout的使用(三)
子物体 Layout Element
Unity Auto Layout的使用(三)
子物体 Layout Element(1)
Unity Auto Layout的使用(三)

父物体的参数
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大小
Unity Auto Layout的使用(三)

还有一点 Content Size Fitters可以给Text组件做自适应
Unity Auto Layout的使用(三)

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

相关文章:

  • 2021-10-24
  • 2021-08-18
  • 2021-07-24
  • 2022-02-25
  • 2021-08-13
  • 2022-01-11
  • 2021-05-13
  • 2022-01-20
猜你喜欢
  • 2021-05-23
  • 2021-09-17
  • 2022-12-23
  • 2021-12-25
  • 2021-10-01
相关资源
相似解决方案