【分享】Cocos Creator 多分辨率适配方案分享

[czt.saisam (天煞魔猎手)]

适配后效果图如下

详细说明教程

1. Cocos Creator 多分辨率完美适配系列-1（现状与最终效果）
2. Cocos Creator 多分辨率完美适配系列-2（部署验证设置）
3. Cocos Creator 多分辨率完美适配系列-3（背景适配实现）
4. Cocos Creator 多分辨率完美适配系列-4（尺寸适配实现）
5. Cocos Creator 多分辨率完美适配系列-5（贴边栏动画实现）
6. Cocos Creator 多分辨率完美适配系列-6（刘海屏适配）
7. Cocos Creator 多分辨率完美适配系列-7（封装库使用）

支持说明

• 支持 Cocos Creator v2.0.x
• 没测试 Cocos Creator v2.1.x，不确定是否支持
• 不支持 Cocos Creator v1.x

简单使用说明

• 拖入 BackgroundAdapter.ts 到背景节点即可
• 拖入 ContentAdapter.ts 到内容节点即可

详细使用说明（配图+文字描述）

• 详细使用说明在Github仓库中有描述，欢迎移步阅读

测试项目地址

https://github.com/zhitaocai/CocosCreator-Multi-resolution-Adapter

测试步骤：

1. 下载测试项目到本地
2. 用 Cocos Creator 2.x 打开项目
3. 双击选择./assets/Scene下的测试场景场景，点击预览即可
4. 【重要】在一次网页测试中，如果切换了预览设备，还得要刷新一下网页才能正确的适配效果

[fylz1125 (大掌教)]

支持大佬，好文章

[499393815 (倾月手哇)]

马可。

[442959351 (东哥的兄弟)]

厉害的

[529441426 (NAN)]

占座！占座！

[Loliko]

mark

[994690496 (zzyaishe)]

感谢大佬分享

[yyd137138329 (一点也不累,一点也不颓)]

mark

[1468345833 (nsqks)]

大佬厉害

[_014 (断随)]

膜拜大佬

[dx1875225567 (山高路远)]

Mark，，支持大佬

[czt.saisam (天煞魔猎手)]

欢迎各位大佬交流指正

[hulifu]

标记一下，感谢分享

[1518609371 (心为你而动)]

在ipadMini和Geogle Nexus7上面不行

[czt.saisam (天煞魔猎手)]

是哪个方案不行呢？背景适配不行吗？是项目中哪个场景，没有适配效果呢？我这边测试都可以的呢。

可以下载一下测试项目下来跑一下里面的几个测试场景看看

[1112962 (流氓熊)]

mark，感谢分享

[121077313]

mark，感谢分享

[bbliu_06 (poershouche)]

感谢分享。 mark

[cufen (雏蜂)]

mark一下，好文

[1518609371 (心为你而动)]

背景的