屏幕适配_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之填色游戏的一种实现方案

一个可屏蔽长短链接的网络模块

游戏开发中的人工智能