Cocos Creator 多分辨率完美适配系列-6（刘海屏适配）

本系列教程指引：

1. Cocos Creator 多分辨率完美适配系列-1（现状与最终效果）
2. Cocos Creator 多分辨率完美适配系列-2（部署验证设置）
3. Cocos Creator 多分辨率完美适配系列-3（背景适配实现）
4. Cocos Creator 多分辨率完美适配系列-4（内容适配实现）
5. Cocos Creator 多分辨率完美适配系列-5（贴边栏动画实现）
6. Cocos Creator 多分辨率完美适配系列-6（刘海屏适配）
7. Cocos Creator 多分辨率完美适配系列-7（封装库使用）

1. 策略

1. 策划时，尽可能不往屏幕上方放置重要的信息
2. 如果一定要在屏幕上方放置重要信息
   2.1 可以寻找市面上不同刘海屏的尺寸，记录起来尺寸，根据不同机型判断实际可视尺寸
   2.2 也可以根据屏幕宽高比进行适配，如宽高比小于9:16的，一般为窄屏手机，可以适当在内容区域上距离上方留一定空白
   2.3 巧用不同平台的API（以下方微信小游戏为例）

2. 微信小游戏适配

来自2019-05-05的补充：
勤奋的作者已经在Github项目上加上了 微信小游戏适配 的示例了，记得上去看看哦

微信小游戏有官方API可以获取到右上方菜单按钮坐标，可以以此坐标作为内容区域最上方的内边距

1. 需要注意 微信小游戏坐标系和 Cocos Creator 坐标系是不同的（详见 官方文档），微信小游戏是标准坐标系，Cocos Creator 是笛卡尔右手坐标系，需要适当转换一下
2. 需要注意 SHOW ALL 模式适配，假设返回的是 10px ，并不一定等于设计分辨率下的10px，可以详见「内容适配第3节」

3. 章节说明

大半夜的，本章写得比较赶，后续会完善一下，激活一下作者吧~

pay.png

本系列教程指引：

1. Cocos Creator 多分辨率完美适配系列-1（现状与最终效果）
2. Cocos Creator 多分辨率完美适配系列-2（部署验证设置）
3. Cocos Creator 多分辨率完美适配系列-3（背景适配实现）
4. Cocos Creator 多分辨率完美适配系列-4（内容适配实现）
5. Cocos Creator 多分辨率完美适配系列-5（贴边栏动画实现）
6. Cocos Creator 多分辨率完美适配系列-6（刘海屏适配）
7. Cocos Creator 多分辨率完美适配系列-7（封装库使用）