螢幕适配_CocosCreator遊戲開發之螢幕适配

螢幕适配文檔

cocos creator 适配方案：https://docs.cocos.com/creator/manual/zh/ui/multi-resolution.html

設計分辨率

設計分辨率一般使用1334*750的尺寸 寬高比為1.778

我的解決方案

1. 根據螢幕分辨率與設計分辨率的寬高比的不同動态選擇fit_height 還是 fit_width，這需要修改引擎源碼

   

删除ide的緩存檔案重新啟動。

非必要的情況下我不會去改動源碼，因為更新成本太高，但是引擎在第一次啟動後走這裡之後你再設定适配政策就不好使了，是以隻能這裡修改。具體原因可以參看源碼。

1. 使用widget 适配ui 将ui上的控件添加widget元件，為了使widget生效，注意全屏的控件都要添加widget，并且四個方向都設定為0.

   

   

2. 使用設計分辨率和顯示分辨率的寬寬比或者高高比縮放背景圖。

1. 劉海屏的适配 根據螢幕分辨率和設計分辨率的比求出需要頂部内容或者左邊内容需要移動的高度或者寬度。因為我們沒辦法知道哪些是劉海屏，哪些不是，是以做了統一處理。這種思想其實出自一個年輕帥氣又上進的小夥子。我感覺比那些直接設定canvas寬高的方式要好很多。

結語

以上是我個人使用的方式，僅供參考，如有疑問可以在下方留言。

歡迎關注公衆号《微笑遊戲》，浏覽更多内容。

image

更多内容

跨引擎遊戲開發架構

小遊戲SDK整合架構

使用四叉樹優化碰撞檢

遊戲開發中UI管理器的使用

小遊戲開發中如何優雅的使用本地存檔

sdk接入整合，用一個變量切換不同管道

CocosCreator之AssetBundle使用方案分享

CocosCreator之填色遊戲的一種實作方案

一個可屏蔽長短連結的網絡子產品

遊戲開發中的人工智能