cocos2d-x 屏幕适配方案

来源：互联网发布：大数据工程师工资最高编辑：程序博客网时间：2024/04/27 19:51

手机游戏开发不可跨越的障碍就是多分辨率下屏幕如何适配。

网上已经有很多中方式了，我这里简单把现在项目中用到的方法记录下来

1：cocos2d-x自带一个函数，设置屏幕适配方式，不过由于从横比的关系，总会有黑边，或截取的情况发生。

2：采用多种资源配置是最不可取的方式

3：通过计算多种分辨率的共同可视区域，将关键，重要的UI放在这个共同可视区域中也是一种不错的方法。

下面就是我采用的方法，在写UI过程中通过缩放，进行适配。

关键的时在程序启动时，就获取设备的各项重要参数。以苹果4的分辨率为基准值

头文件：

class ScreenUtil{public:const static int STANDARD_SCREEN_WIDTH = 960;// 屏幕的标准宽度值const static int STANDARD_SCREEN_HEIGHT = 640;// 屏幕的标准高度值const static int STANDARD_SCREEN_HALF_WIDTH = 480;// 屏幕的标准宽度值一半const static int STANDARD_SCREEN_HALF_HEIGHT = 320;// 屏幕的标准高度值一半static float screenWidth;// 屏幕宽度static float screenHeight;// 屏幕高度static float screenHalfWidth;// 屏幕宽度一半static float screenHalfHeight;// 屏幕高度一半static float scaleX;// X上的放大系数static float scaleY;// Y上的放大系数static float standardScale;// 标准放大系数static float radio;// 对角角度public:static void init();    static bool SCREEN_IPHONE5();    static bool SCREEN_IPAD();};

cpp文件：

/** * 屏幕宽高属性 */float ScreenUtil::screenWidth = 960.0;float ScreenUtil::screenHeight = 640.0;float ScreenUtil::screenHalfWidth = 480.0;float ScreenUtil::screenHalfHeight = 320.0;/** * x,y上的分辨放大系数 */float ScreenUtil::scaleX = 1.0;float ScreenUtil::scaleY = 1.0;/** * 对角角度 */float ScreenUtil::radio = 0.0;/** * 屏幕的标准放大系数 */float ScreenUtil::standardScale = 1.0;void ScreenUtil::init(){CCDirector *pDirector = CCDirector::sharedDirector();// 获取屏幕分辨率属性CCSize size = pDirector->getWinSizeInPixels();screenWidth = size.width;screenHeight = size.height;screenHalfWidth = screenWidth / 2;screenHalfHeight = screenHeight / 2;// 根据屏幕属性比例，计算比值scaleX = (float) screenWidth / STANDARD_SCREEN_WIDTH;scaleY = (float) screenHeight / STANDARD_SCREEN_HEIGHT;    // 设置放大倍数if (scaleX > scaleY){standardScale = scaleY;}else{standardScale = scaleX;}// 设置对角角度radio = atan(screenHalfWidth / screenHalfHeight) * 180 / M_PI;CCLOG("ScreenUtil::  scaleX = %f, scaleY = %f, standScale = %f", scaleX, scaleY, standardScale);}bool ScreenUtil::SCREEN_IPHONE5(){    if(screenWidth == 1136 && screenHeight == 640)    {        return true;    }    return false;}bool ScreenUtil::SCREEN_IPAD(){    if((screenWidth == 1024 && screenHeight == 768) ||       (screenWidth == 1024 * 2 && screenHeight == 768 * 2))    {        return true;    }    return false;}

示例：比如某个UI。

CCMenuItemSprite* item = CCMenuItemSprite::create(s0, s1, s2, handler, sel);if(fitWinSize){// Place the image on the position of the screenfloat x = position.x * ScreenUtil::scaleX;float y = position.y * ScreenUtil::scaleY;item->setPosition(ccp(x, y));// set the scale by screenUtilitem->setScale(ScreenUtil::standardScale);}else{item->setPosition(position);}

若是全屏的背景图之类的可以采用X,Y方向的缩放系数

0 0