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