Cocos2d-x屏幕适配

最新推荐文章于 2025-01-24 12:54:23 发布

shenzi

最新推荐文章于 2025-01-24 12:54:23 发布

阅读量5.2k

点赞数 3

分类专栏： Cocos2d-x 文章标签： cocos2d-x

本文链接：https://blog.youkuaiyun.com/shenzi/article/details/53539089

版权

Cocos2d-x屏幕适配

资源分辨率，设计分辨率，屏幕分辨率

Resources width 以下简写为RW，Resources height 以下简写为RH
Design width 以下简写为DW，Design height 以下简写为DH
Screen width 以下简写为SW，Screen height 以下简写为SH

接口setContentScaleFactor()和setSearchPaths()控制着第一个转换过程。
而setDesignResolutionSize()控制第二个过程。两个过程结合在一起，影响最终的显示效果。

从资源分辨率到设计分辨率

setSearchPaths()需要根据当前屏幕分辨率做恰当的设置。
setContentScaleFactor()决定了图片显示到屏幕的缩放因子，但是这个接口的参数不是通过资源图片的宽、高比屏幕宽、高得来。Cocos2d-x引擎设计试图屏蔽游戏开发者直接去关注屏幕，所以这个因子是资源宽、高比设计分辨率宽、高。
setContentScaleFactor()通常有两个方式来设置参数。 RH/DH或RW/DW，不同的因子选择有不同的缩放负作用。先看一张图:

用高度比作为内容缩放因子，保证了背景资源的垂直方向在设计分辨率范围内的全部显示。
用宽度比作为内容缩放因子，保证了背景资源的水平方向在设计分辨率范围内的全部显示。

从设计分辨率到屏幕分辨率

首先，我们通过一张图了解下Cocos2d-X的几种屏幕适配规则：

1. EXACT_FIT将设计尺寸映射到屏幕尺寸，长宽按各自比例拉伸，可能造成图像拉伸变形。
2. SHOW_ALL和NO_BORDER都是长宽等比例拉伸，图像不会被拉伸变形；但可能造成黑边和资源显示不全的问题。
3. FIXED_HEIGHT和FIXED_WIDTH和之前的三种策略不同，EXACT_FIT、SHOW_ALL和NO_BORDER都不会修正设计尺寸，而FIXED_HEIGHT和FIXED_WIDTH在设计阶段就修正设计尺寸，让可视区域就是设计尺寸区域。
4. NO_BORDER是唯一可视区域小于最终设计区域（FIXED_HEIGHT和FIXED_WIDTH会修正传入的设计尺寸）的一种策略。其他几种策略的设计区域等于设计区域。
5. NO_BORDER、FIXED_HEIGHT和FIXED_WIDTH三种策略根据设计或可视区域的改变需要做相应的坐标适配。