cocos2d-JS 屏幕适配(5种适配模式)

来源:互联网 发布:湖北软件开发公司 编辑:程序博客网 时间:2024/05/02 04:43

 适配模式 : 

(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 。

wKioL1QG8-7hZS8WAADziEkMLFg490.jpg        wKiom1QG8-zxDYe8AAEkbDd4bjs111.jpg


wKioL1QG8-_DqPM-AAEZ_8A6D34121.jpg        wKiom1QG8-zBwDRiAAD00smIMss790.jpg


wKioL1QG8-_TuGsLAAD39oAYrEo645.jpg        wKioL1QG8--giZa-AAEgbplGZdw587.jpg




2 0