setDesignResolutionSize 到竖屏下面就缩放尺寸不对的问题-优快云博客

本文链接：https://blog.youkuaiyun.com/tangaowen/article/details/8886931

本文探讨了Cocos2d-x游戏中遇到的竖屏适配问题，主要涉及到setDesignResolutionSize函数在不同屏幕方向下如何正确设置分辨率。分析了frameSize在横竖屏下的变化，并提出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前做的都是横版的游戏，然后一般使用如下的代码来适配多分辨率：

typedef struct tagResource
{
    CCSize sizeInPixel;
    CCSize sizeDesign;
    char directory[100];
}Resource;

static Resource resPhone  =  { CCSizeMake(480, 320), CCSizeMake(480, 320), "iphone" };
static Resource resPhoneRetina =  { CCSizeMake(960, 640), CCSizeMake(480, 320), "iphonehd"   };
static Resource resPhone5Retina =  { CCSizeMake(1136, 640), CCSizeMake(568, 320), "iphonehd"   };
static Resource resTable =  { CCSizeMake(1024, 768), CCSizeMake(512, 384), "ipad"   };
static Resource resTableRetina  =  { CCSizeMake(2048, 1536), CCSizeMake(512, 384), "ipadhd" };

然后在 cocos的

bool AppDelegate::applicationDidFinishLaunching()函数中，通过如下的代码来适配：

    // initialize director
    CCDirector *pDirector = CCDirector::sharedDirector();
    CCEGLView* pEGLView = CCEGLView::sharedOpenGLView();
    pDirector->setOpenGLView(CCEGLView::sharedOpenGLView());

    //设置素材目录
    CCSize frameSize = pEGLView->getFrameSize();
    Resource actualResource;
    float actualHeight = fmin(frameSize.width, frameSize.height);
    float actualWidth = fmax(frameSize.width, frameSize.height);
    
    if (actualHeight > resTable.sizeInPixel.height)
    {
        actualResource = resTableRetina;
    }
    else if (actualHeight > resPhoneRetina.sizeInPixel.height)
    {
        actualResource = resTable;
    }
    else if (actualHeight > resPhone.sizeInPixel.height)
    {
        actualResource = resPhoneRetina;
        if (actualWidth > resPhoneRetina.sizeInPixel.width)
        {
            actualResource = resPhone5Retina;
        }
    }
    else
    {
        actualResource = resPhoneRetina;
    }

    CCFileUtils::sharedFileUtils()->setResourceDirectory(actualResource.directory);
    pDirector->setContentScaleFactor(1.0 *actualResource.sizeInPixel.height / actualResource.sizeDesign.height);

    // Set the design resolution
    pEGLView->setDesignResolutionSize(actualResource.sizeDesign.width, actualResource.sizeDesign.height, kResolutionNoBorder);

然后查了好久才发现原因：在于

setDesignResolutionSize 这个函数，先看看这个函数的实现:

m_obDesignResolutionSize.setSize(width, height);

m_fScaleX = (float)m_obScreenSize.width / m_obDesignResolutionSize.width;

m_fScaleY = (float)m_obScreenSize.height / m_obDesignResolutionSize.height;

这个是关键的代码，这个代码是将传进去的第1，2个参数当作设计尺寸的width跟height，然后跟 screenSize的width，height分别求比值来确定缩放比例。

screenSize的来源在哪，看到了2个函数

const CCSize& CCEGLViewProtocol::getFrameSize() const

{

return m_obScreenSize;

}

void CCEGLViewProtocol::setFrameSize(float width, float height)

{

m_obDesignResolutionSize = m_obScreenSize = CCSizeMake(width, height);

}

发现这个就是跟

CCSize frameSize = pEGLView->getFrameSize();是一个size,即是这个frameSize,而frameSize是跟横竖屏有关系的。

1. 如果是横屏，那frameSize的width跟height就是 960 * 640 , 刚好是对应了 design这个结构体的width(480)跟height(320)两个成员。

所以传递给 setDesignResolutionSize 的就依次是

actualResource.sizeDesign.width (值480) 跟actualResource.sizeDesign.height（值 320）, 跟 960 * 640对应。

2. 如果是竖屏，那么frameSize的width跟height就是 640 * 960 ，对应的就是 design的结构体的height(320)跟width(480)两个成员。

所以传递给 setDesignResolutionSize就应该依次是

actualResource.sizeDesign.height（值 320）跟actualResource.sizeDesign.width (值480),跟 640 * 960对应。

综上，如果是横屏，那么应该使用如下的代码：

    // Set the design resolution
    pEGLView->setDesignResolutionSize(actualResource.sizeDesign.height, actualResource.sizeDesign.width, kResolutionNoBorder);