今天研究了一下屏幕适配导致的缩放和展示不全的问题（黑边的方案直接淘汰）。细想一下，美工给我们一张图（假设这张图width足够长），在不同的分辨率上我们应该如何对其展示？肯定不可能在所有的分辨率上把这张图完美的按照原比例展示出来，那答案就只有两种了：@H_301_1@

1、铺满屏幕（长宽非等比缩放 EXACTFIT）@H_301_1@

天天德州就采用了这种方法，在不同的分辨率上能明显看到元素被缩放或者拉伸了，对于休闲类游戏不必太过追求完美。就不上图了。@H_301_1@

2、部分图片被遮挡（长宽等比缩放 FIXHEIGHT）@H_301_1@

保卫萝卜即用了这种方式，场景中的控件相对布局大小等比缩放。 由于背景图采用了足够长的图片，在较宽的手机上背景图会展示的多，较窄的手机上展示的比较少。@H_301_1@

@H_301_1@

请看下面两张图的四个角：@H_301_1@

@H_301_1@

@H_301_1@@H_301_1@

上面是手机截图原图，从上图可以看到控件的大小是一样的，但是由于分辨率的不同导致背景图的展示宽度不同。@H_301_1@

方案测试：@H_301_1@

第一种fit的方式就不说了，960*640的布局就OK。下面就使用Cocos Studio来测试制作一下第二种方案的场景。@H_301_1@

测试方案一：@H_301_1@

根节点使用绝对布局，勾选自适应屏幕。 子空间尺寸不勾选百分比（以免宽高非等比缩放导致变形），控件布局勾选百分比。480*320分辨率，背景图片大小也是480*320。@H_301_1@

Cocos Studio如下：@H_301_1@

@H_301_1@@H_301_1@

修改屏幕大小：@H_301_1@

glview->setDesignResolutionSize(480,320,ResolutionPolicy::FIXED_HEIGHT);@H_301_1@

@H_301_1@@H_301_1@

2.@H_301_1@

@H_301_1@

• 上一篇：认识 Cocos2dx 3.x下一篇：cocos2d-x如何解决图片显示模糊问题