CocosCreator 螢幕适配

首先說下設計分辨率和螢幕分辨率

設計分辨率

cocos官方說是内容生産者在制作場景時使用的分辨率藍本，其實就是開發者搭界面，美術大大産出UI效果圖的分辨率。這個分辨率是根據裝置來設定的。

螢幕分辨率

遊戲在裝置上運作時的十幾螢幕顯示分辨率

如何确定設計分辨率

** 常用的手機分辨率**

華為mate9 1080x1920 16：9 （1.77）

華為mate40 pro 2772 x 1344 （2.06）

小米11 3200×1440 （2.22）

iphone11 1792x828 （2.16）

iphone12 2532 x 1170 （2.16）

iphone12 pro 2532 x 1170 （2.16）

iphone12 pro max 2778×1284 (2.16)

** 常用的設計分辨率**

分辨率 Canvas高寬(美術效果圖) 遊戲背景圖高寬

16:9 640x1140 640x1430

16:9 720x1280 720x1600

2:1 640x1280 640x1430

2:1 720x1440 720x1600

一般手機最高2.22：1,背景的長度需要能達到這個高度，不然會出現黑框。

橫版遊戲,一般采用16:9的設計分辨率,比對iphone5~iphone8以及幾乎全部安卓手機

适配方案

1. Fit Height

設計分辨率寬高比大于螢幕分辨率，适配高度避免黑邊(兩邊可能出現黑邊)

2. Fit Width

設計分辨率寬高比小于螢幕分辨率，适配寬度避免黑邊（上下可能出現黑邊）

3. Show All

同時勾選Fit Height和Fit Width,高寬都是100%顯示(不會裁剪,上下左右都可能有黑框）

4. No Border

同時不勾選Fit Height和Fit Width，此時無論螢幕寬高比多少都不會産生黑邊。也就是說，當設計分辨率寬高比大于螢幕分辨率時，會适配高度；設計分辨率寬高比小于螢幕分辨率時，會适配寬度。

IPhoneX适配

按照官方文檔橫屏fix height 設計分辨率 1280* 720，背景圖 1600720

豎屏的話fix width 設計分辨率7201280,背景圖 720* 1600

同時用widget節點對遊戲中貼邊的UI節點進行對齊，就可以完美适配了