cocos2d-JS 屏幕适配(5种适配模式)
2016-08-31 19:12
405 查看
适配模式 :
(1)cc.ResolutionPolicy.EXACT_FIT
:拉伸变形,使铺满屏幕。
(2)cc.ResolutionPolicy.NO_BORDER
:按比例放缩,全屏展示不留黑边。 (长宽中小的铺满屏幕,大的超出屏幕)
(3)cc.ResolutionPolicy.SHOW_ALL
:按比例放缩,全部展示不裁剪。 (长宽中大的铺满屏幕,小的留有黑边)
(4)cc.ResolutionPolicy.FIXED_HEIGHT
:按比例放缩,宽度铺满屏幕。
(5)cc.ResolutionPolicy.FIXED_WIDTH
:按比例放缩,高度铺满屏幕。
在main中写 :
屏幕大小:400 X 400 。 可视区域大小:480 X 320 。
(1)cc.ResolutionPolicy.EXACT_FIT
:拉伸变形,使铺满屏幕。
(2)cc.ResolutionPolicy.NO_BORDER
:按比例放缩,全屏展示不留黑边。 (长宽中小的铺满屏幕,大的超出屏幕)
(3)cc.ResolutionPolicy.SHOW_ALL
:按比例放缩,全部展示不裁剪。 (长宽中大的铺满屏幕,小的留有黑边)
(4)cc.ResolutionPolicy.FIXED_HEIGHT
:按比例放缩,宽度铺满屏幕。
(5)cc.ResolutionPolicy.FIXED_WIDTH
:按比例放缩,高度铺满屏幕。
在main中写 :
cc.view.setDesignResolutionSize(640, 960 , cc.ResolutionPolicy.SHOW_ALL);
屏幕大小:400 X 400 。 可视区域大小:480 X 320 。
相关文章推荐
- Cocos2d-JS屏幕适配(NO-BORDER模式)
- Cocos2d-JS屏幕适配
- cocos2d-js 系列[1] 屏幕的适配
- cocos2d-js 3.0 屏幕适配方案 分辨率适应
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
- Cocos2d-JS 屏幕适配相关内容
- Cocos2d-js 3.0 屏幕适配方案 分辨率适应
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
- Cocos2d-JS的屏幕适配方案
- Cocos2d-x中的屏幕适配模式
- COCOS2D-JS的屏幕适配方案
- [转]cocos2d-js 3.0 屏幕适配方案 分辨率适应
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
- cocos2d-js关于对话框Layer的屏幕适配
- cocos2d-js 3.0 屏幕适配方案 分辨率适应
- Cocos2d-js的屏幕适配方案
- cocos2d-js 3.0 屏幕适配方案 分辨率适应
- cocos2d js屏幕适配
- cocos2d-js 3.0 屏幕适配方案 分辨率适应
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案