码迷,mamicode.com
首页 > 其他好文 > 详细

cocoscreater分辨率适配解析

时间:2019-11-06 16:48:25      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:alt   osc   适配   border   规则   解析   方案   img   技术   

我们创建一个场景。都会有一个canvas,canvas包含有分辨率适配的方案

技术图片

 

 

 cocoscreater主要推荐4中分辨率适配的方法:

以设计分辨率为640*320,品屏幕的大小为958*560 ,宽度适配因子958/640 = 1.496  高度的适配因子是560/320 = 1.75

1.勾选了FitHeight:高度铺满屏幕(560),宽度根据高度放大的倍数进行放大640*(560/320)

2.勾选了FitWidth:宽度铺满屏幕(958),高度根据宽度放大的倍数进行放大320*(958/640)

3.同时勾选了FitHeight和FitWidth,相当于开启了Show_All模式,该模式会保证场景的内容全部显示出来,那只能按照适配因子小一点的进行适配,这样的话就不会有内容超出屏幕之外了

所以适配规则是,宽度640*1.496, 高度320*1.496,内容全部可以看见,但是因为高度没有铺满,就会留有黑边

4.都不勾选FitHeight和FitWidth,意思就是都不选,让系统自己选,相当于开启了NO_BORDER适配模式。该模式和Show_All正好相反,会按照分辨率因子较大的进行适配

所以适配规则是,宽度640*1.75 = 1120,高度320*1.75=640,高度铺满了屏幕,宽度超出了屏幕,会被裁切。它的好处是没有黑边,缺点是在不同的屏幕比例上,不能缺点到底是宽度裁切还是高度裁切。

所以进行场景设计的时候有挺大局限性。

 

cocoscreater分辨率适配解析

标签:alt   osc   适配   border   规则   解析   方案   img   技术   

原文地址:https://www.cnblogs.com/Luchai/p/11806087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!