zoukankan      html  css  js  c++  java
  • FrameSize、WinSize、VisibleSize、VisibleOrigin区别

    FrameSize 

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

    WinSize

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

    设置设计分辨率:

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

    获取当前设计分辨率:
    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    4196_130513093717_1.png

    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
  • 相关阅读:
    对bootstrap不同版本的总结
    对于前后端分离的理解
    css3笔记
    Dom
    js菜单
    css兼容问题 ie6,7
    html知识
    前端基础知识
    前端要注意的代码规范
    bootstrap常见类的总结
  • 原文地址:https://www.cnblogs.com/damowang/p/4484941.html
Copyright © 2011-2022 走看看