第一步：理解屏幕分辨率和设计分辨率
通过这个图可以很容易理解，设计分辨率就是你能够进行纹理绘制的大小，而屏幕分辨率就是你的画框大小。而两者之间的适配，通过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，等于屏幕大小/放缩比例
