Unity UI适配方案

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

提示：记录工作中遇到的UI适配的解决方案

一、Canvas布局（1080*1920）

使用Vertical Layout Group控制整体布局，LayoutUp和LayoutBottom使用固定高度，LayoutMiddle自适应高度。当画布分辨率变化时LayoutMiddle区域会自适应高度

一、Layout Element是什么？

布局元素。想要覆盖物体的最小、优先、灵活大小，使用该组件。

Ignore Layout 忽略布局 启用后，布局系统会忽略该布局元素。
Min Width 最小宽度 这个布局元素应有的最小宽度。
Min Height 最小高度 该布局元素应有的最低高度。
Preferred Width 优选宽度 在分配额外可用宽度之前，该布局元素应达到的首选宽度。
Preferred Height 优先高度 在分配额外可用高度之前，该布局元素应达到的首选高度。
Flexible Width 灵活宽度 该布局元素相对于其他同层级元素的相对可用宽度。
Flexible Height 灵活高度 该布局元素相对于其同层级元素的相对可用高度。
Layout Priority 布局优先级 该组件的布局优先级。

二、使用步骤（高度举例，宽度同理）

1.Min Height 顾名思义就是最小的宽高度，

2.Flexible Height 灵活高度 该布局元素相对于其同层级元素的相对可用高度这个参数会根据剩余的高度通过设置的值自适应高度

开头的gif中可以看到Canvas画布高度1920 ，up 和 Bottom都是最小高度200，Middle 的 Flexible Height 属性已启用，并设置为 1，此时布局组件会自动计算其高度：

1920-200-200 = 1520

如果此时复制一个Middle，同样启用Flexible Height，并设置为 1，那么此时两个Middle的高度就是：

1520/2=760

如果把第二个Middle设置为2，此时第二的的高度就是：

1520 / (1+2) * 2 = 1013.333

三、组件自适应