自适应布局

自适应布局主要是为了适配不同屏幕的分辨率，同时保持一个较为理想的游戏分辨率，合理控制游戏渲染区域大小，达到较为理想的性能。

• 游戏分辨率及设计分辨率选取，目前可采用750x1334的分辨率进行设计，遇到长背景可将背景设计为750x1680的尺寸，满足在较长屏幕下的适配，横版游戏互换下宽高尺寸即可
• 分辨率选定好后，就要去游戏中配置了，找到菜单中的 项目/项目设置/项目预览，配置默认设计分辨率为750x1334，同时勾选适配屏幕宽度，不勾选适配屏幕高度，横版游戏则对调一下
• 配置好后新创建出来的场景的Canvas就会是这个尺寸了，如果场景已经存在，那么可以直接找到Canvas节点上挂在的Canvas组件，同样配置分辨率为750x1334，勾选适配宽度不勾选适配高度即可切换过来，然后根据此进行布局
• 接下来就是要决定游戏的UI显示方式及核心显示区域了，原则是UI必须都出现在屏幕内，保持较为灵活的位置，核心显示区域必须在最矮的屏幕高度下能显示完整，一种通用的做法是限定核心显示区域的最高显示高度，确保在较矮屏幕下能显示完整，其余UI根据相对位置来布局
• 布局分辨率及方式确定后，界面中的元素在布局时就可以不用管横向分辨率在低于750或高于750的屏幕上会显示成奇怪样子了，因为在游戏世界中屏幕会始终保持750的宽
• widget组件介绍，此组件为相对布局组件，支持相对父元素进行设置上下左右的相对尺寸，支持像素及百分比，值得注意的是，相对目标只能为父元素，target设定为其余元素则定位达不到想要的效果，水平居中和垂直居中也可以设置相对位置，即相对横向或纵向中心点的距离多少，可以是像素也可以是百分比，align_mode设置为on_window_resize即可，个别情况需要不断更新的可以设置为always，屏幕尺寸不会变动的话也可以设置为once
• 掌握以上知识点后，基本上就可以布局出一个适配不错的布局了，其余的就是别的UI组件如何使用了，这个属于基础文档范畴，可以直接查阅CocosCreator官网的文档，或者点击某个组件右上角的小书本查看帮助文档