[cocos2d-x]关于屏幕适配

第一步：理解屏幕分辨率和设计分辨率

通过这个图可以很容易理解，设计分辨率就是你能够进行纹理绘制的大小，而屏幕分辨率就是你的画框大小。而两者之间的适配，通过cocos2dx自带的几种适配方案来进行适配，这里我就简单说明一下：

1—-ResolutionPolicy::EXACT_FIT ：拉伸变形，使铺满屏幕

2—-ResolutionPolicy::NO_BORDER ：按比例放缩，全屏展示不留黑边

3—-ResolutionPolicy::SHOW_ALL ：按比例放缩，全部展示不裁剪

4—-ResolutionPolicy::FIXED_WIDTH ：按比例放缩，宽度铺满屏幕

5—-ResolutionPolicy::FIXED_HEIGHT ：按比例放缩，高度铺满屏幕

关于一些属性：origin，visiblesize，winsize

首先要知道，我们设计时要关注的就是屏幕设计分辨率。然后再将屏幕设计分辨率对屏幕分辨率进行适配。

origin：即在屏幕中，framesize的原点在designSize的位置，所有的Layer，sprite都是以这个坐标为原点,visiblesize即designsize在framesize的比例下可以看见的区域大小。

glview->setFrameSize(400, 320);

glview->setDesignResolutionSize(800,320, ResolutionPolicy::NO_BORDER);

//最后的输出

//winsize :800.000000,320.000000

//origin 200.000000,0.000000

//visiblesize 400.000000,320.000000

如图所示：

（图中origin为200，打错了）

接下来贴出源码：

Vec2 GLView::getVisibleOrigin() const

{

    if (_resolutionPolicy == ResolutionPolicy::NO_BORDER)

    {

        return Vec2((_designResolutionSize.width - _screenSize.width/_scaleX)/2,

                           (_designResolutionSize.height - _screenSize.height/_scaleY)/2);

    }

    else

    {

        return Vec2::ZERO;

    }

}//这是origin的获取方法，为（设计分辨率-屏幕分辨率/放缩比率）/2

//上图就是 （800-400/1）/2=200

Size GLView::getVisibleSize() const

{

    if (_resolutionPolicy == ResolutionPolicy::NO_BORDER)

    {

        return Size(_screenSize.width/_scaleX, _screenSize.height/_scaleY);

    }

    else

    {

        return _designResolutionSize;

    }

}//这是visiblesize，等于屏幕大小/放缩比例

巴特西

[cocos2d-x]关于屏幕适配

第一步：理解屏幕分辨率和设计分辨率

关于一些属性：origin，visiblesize，winsize

最新文章

热门文章