cocos2d-x 3.x学习之屏幕适配
2016-10-20 11:41
281 查看
设置适配策略(图片背景的宽和高,适配的策略)
SHOW_ALL:
960 / 800 = 1.2 宽
640 / 480 = 1.3 高
800 * 1.2 = 960
480 * 1.2 = 576小于640,屏幕上下方会出现黑边
SHOW_ALL:采用屏幕的宽与图片的宽,屏幕的高与图片的高两个比值较小的因子作为图片的缩放因子,图片全部显示在屏幕上,但是有可能宽或高上有黑边,采用宽缩放因子,高上有黑边,采用高缩放因子,宽有黑边
采用SHOW_ALL,winSize、visibleSize的大小是图片资源的大小,origin是图片的零点
NO_BORDER:
手机屏幕是960 * 640
960 / 800 = 1.2
640 / 480 = 1.33
800 * 1.33 = 1064
480 * 1.33 = 640
采用NO_BORDER是取屏幕的宽与图片的宽,屏幕的高与图片的高两个比值较大的因子作为图片的缩放因子,图片宽或高会被截取,采用宽缩放因子,高会被截取,采用高缩放因子,宽会被截取
winSize值是屏幕的大小(800,480)
visibleSize值是屏幕中图片的大小(720,480)
origin是图片可见部分的零点(40,0)
EXACT_FIT:
960 / 800 = 1.2
640 / 480 = 1.33
两边同时缩放,因子相差不大,缩放相比看不出来,采用屏幕的宽与图片的宽,屏幕的高与图片的高的比值,分别作为图片宽高的缩放因子,保证图片可以全部显示在屏幕上,但是图片会变形,因子的差值越小越不会变形
winSize的值是图片的可见的大小
visibleSize的值是图片的可见大小
origin的值是图片可见部分的零点
FIXEED_HEIGHT:
屏幕的宽高比作为宽的缩放因子,保证图片的高全部显示在屏幕上,宽有可能有黑边或者被截取,
winSize与visibleSize的值是图片可见部分的大小
origin的值是图片可见部分的零点
FIXED_WIDTH:
屏幕的宽高比作为高的缩放因子,保证图片的宽全部显示在屏幕上,高有可能有黑边或者被截取,
winSize
glview->setDesignResolutionSize(800,
480, ResolutionPolicy::FIXED_HEIGHT);
SHOW_ALL:
960 / 800 = 1.2 宽
640 / 480 = 1.3 高
800 * 1.2 = 960
480 * 1.2 = 576小于640,屏幕上下方会出现黑边
SHOW_ALL:采用屏幕的宽与图片的宽,屏幕的高与图片的高两个比值较小的因子作为图片的缩放因子,图片全部显示在屏幕上,但是有可能宽或高上有黑边,采用宽缩放因子,高上有黑边,采用高缩放因子,宽有黑边
采用SHOW_ALL,winSize、visibleSize的大小是图片资源的大小,origin是图片的零点
NO_BORDER:
手机屏幕是960 * 640
960 / 800 = 1.2
640 / 480 = 1.33
800 * 1.33 = 1064
480 * 1.33 = 640
采用NO_BORDER是取屏幕的宽与图片的宽,屏幕的高与图片的高两个比值较大的因子作为图片的缩放因子,图片宽或高会被截取,采用宽缩放因子,高会被截取,采用高缩放因子,宽会被截取
winSize值是屏幕的大小(800,480)
visibleSize值是屏幕中图片的大小(720,480)
origin是图片可见部分的零点(40,0)
EXACT_FIT:
960 / 800 = 1.2
640 / 480 = 1.33
两边同时缩放,因子相差不大,缩放相比看不出来,采用屏幕的宽与图片的宽,屏幕的高与图片的高的比值,分别作为图片宽高的缩放因子,保证图片可以全部显示在屏幕上,但是图片会变形,因子的差值越小越不会变形
winSize的值是图片的可见的大小
visibleSize的值是图片的可见大小
origin的值是图片可见部分的零点
FIXEED_HEIGHT:
屏幕的宽高比作为宽的缩放因子,保证图片的高全部显示在屏幕上,宽有可能有黑边或者被截取,
winSize与visibleSize的值是图片可见部分的大小
origin的值是图片可见部分的零点
FIXED_WIDTH:
屏幕的宽高比作为高的缩放因子,保证图片的宽全部显示在屏幕上,高有可能有黑边或者被截取,
winSize
glview->setDesignResolutionSize(800,
480, ResolutionPolicy::FIXED_HEIGHT);
相关文章推荐
- Cocos2D-X学习8:屏幕适配
- cocos2d-x学习之屏幕适配问题
- 小羊驼和你一起学习cocos2d-x之二(屏幕匹配、多分辨率解决方案、分辨率适配)
- 从零学习cocos2d-x之一:屏幕适配
- Cocos2d-x 屏幕适配新解
- cocos2d-x学习笔记之图片分辨率适配
- cocos2d-x屏幕适配原理分析
- cocos2d-x屏幕适配 三个参数含义
- cocos2d-x 屏幕适配
- cocos2d-x屏幕适配新解(转)
- Cocos2D-X屏幕适配新解
- Cocos2d-x 屏幕适配
- 学习cocos2d-x之路(5)--实现屏幕滚动
- 关于屏幕适配的学习(support-screens)
- cocos2d-x屏幕适配
- Cocos2D-X屏幕适配新解-兼容与扩展
- Cocos2d-x 屏幕适配新解
- cocos2d-x屏幕适配原理分析
- cocos2d-x屏幕适配原理分析
- cocos2d-x屏幕适配原理分析