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

轉載自：https://www.jianshu.com/p/0fe32dbfe0c9

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節」