Cocos Creator 多分辨率完美适配系列-1(现状与最终效果)

本系列教程指引:

  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(封装库使用)

根据 官网说明 文档,大部分开发者都了解到 Cocos Creator 目前提供了 4 种的多分辨率适配方案

  • 适配高度(Fit Height)
  • 适配宽度(Fit Width)
  • 自动选择适配宽高(SHOW ALL)
  • 准确适配(ExactFit)

但是无论哪一种方案,在实际商业项目中都不会表现得十分友好。不同方案会存在不同缺陷

  • 适配高度(Fit Height):会有可能裁减掉左右两边部分内容
  • 适配宽度(Fit Width):会有可能裁剪掉上下两边部分内容
  • 自动适配宽高(SHOW ALL):可能会出现上下或者左右黑边
  • 准确适配(ExactFit):直接拉伸整个游戏界面适应全屏

而这些还没有到真正生产环境中,就已经一定程度上不可用了,实际项目中还可能遇到需要兼容刘海屏(iPhone X为代表)。

那么有没有一个通杀,无关平台,无关分辨率,无关刘海屏的完美适配的方案呢?

答案是有的!通过学习这个系列的教程,你将了解到如何实现下面的适配效果

SHOW_ALL_*.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(封装库使用)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容