FrameSize、WinSize、VisibleSize、VisibleOrigin区别

FrameSize 

手机屏幕分辨率，通过CCEGLView::sharedOpenGLView()->getFrameSize()获得，不同的分辨率手机这个值不同

WinSize

设计分辨率，固定了设计分辨率大小，从而确定了其固定的宽高比，它的 优势 是可以使用具体的数值摆放精灵位置，不会因为实际屏幕大小宽高比而是内部元素相对位置关系出现混乱。

设置设计分辨率：

CCEGLView::sharedOpenGLView()->setDesignResolutionSize(720, 480, kResolutionShowAll)

获取当前设计分辨率：

CCSize winSize = CCDirector::sharedDirector()->getWinSize();

VisibleSize

设计分辨率下的可见分辨率，设计分辨率在（）模式下，会出现左右截取，上下截取，或者上下左右截取的来达到设计分辨率和屏幕分辨率的兼容， 这个往往可视分辨率会比设计分辨率小

 

VisibleOrigin

标示在设计分辨率下被截取的区域大小

 

// 组[1] :
FrameSize:          width = 720, height = 420
WinSize:            width = 720, height = 480
VisibleSize:        width = 720, height = 420
VisibleOrigin:      x = 0, y = 30
  
// 组[2] :相比 组 [1] FrameSize 不变 VisibleSize 和 VisibleOrigin 随着 WinSize 的变小而变小
FrameSize:          width = 720, height = 420
WinSize:            width = 480, height = 320
VisibleSize:        width = 480, height = 280
VisibleOrigin:      x = 0, y = 20
  
// 组[3] : 相比组 [1] WinSize 不变，VisibleSize 随着 FrameSize 的比例改变而改变
FrameSize:          width = 720, height = 540
WinSize:            width = 720, height = 480
VisibleSize:        width = 640, height = 480
VisibleOrigin:      x = 40, y = 0
  
// WinSize VisibleSize VisibleOrigin 与都设计的分辨率相关，满足如下关系
WinSize.width = (VisibleOrigin.x * 2) + VisibleSize.width
WinSize.height = (VisibleOrigin.y * 2) + VisibleSize.height