告别黑边烦恼,一劳永逸解决全屏适配

不同分辨率的手机打开web mobile,有黑边的问题,群里很多人问,我看论坛也有很多人发帖问,我今天就教给大家彻底解决这个问题的办法。

只需要在一开始 调用:

cc.view.setFrameSize(document.body.clientWidth,document.body.clientHeight);

即可。

至于fit widht / fit height,选择其一即可(可以根据横屏or竖屏来选择使用哪种),别都钩上了,都勾表示的是全部显示,保持等比,这样必有黑边啊。

最后就不用多说了,结合 Widget 完美适配这个世界上所有的分辨率。

补充一句:如果想自动调整分辨率变化后的适配布局,那么,在widget组件上,把AlignOnce勾勾去掉即可。(默认勾上)

但是,不得不说,Creator官方的引擎缩放做的并不好,你比如,分辨率特别小的屏幕,使用了Widget之后,相应应该自带缩放,然而creator引擎并没有帮你做,这样,元素就会重叠在一块,这种时候,必须自己手动算缩放了。希望官方以后的版本能解决吧。

@jare

8赞

那就涉及到多小才缩放?缩放多少才是你要的效果?

手动赞一个

这个方法2.0报错

2.0 报错!,用这个目的就是为了web 浏览器可以自适应显示。但是2.0后就无法用了。~