如果我们的容器适配窗口大小,当我们改变窗口大小时,canvas的大小不会随着改变,但是我们可以通过将Scene的viewport设置为,这样就让canvas大小在窗口调整时随着容器大小改变。

    屏幕适配 - 图2

    当我们给Scene设置了resolution的时候,默认的resolution决定了Canvas的绘图大小,但是有时候我们的屏幕比较小,设置了很大的resolution会导致Canvas绘图性能消耗比较大。这时候,我们可以给Scene设置displayRatio和maxDisplayRatio。

    另外我们可以通过layer.setDisplayRatio(ratio, maxRatio)来单独设置layer上的值,使得不同的layer用不同的displayRatio。不过如果之后我们重置了scene的displayRatio值,那么所有layer的displayRatio将会被覆盖更新。

    在移动设备上,要适配不同的屏幕比例,简单的auto适配可能会导致sprite元素被拉伸变形。如果要避免这个问题,我们可以通过配置Scene的Stick Mode相关属性来解决这个问题。

    增加高度:

    竖屏的9种适配情况:

    屏幕适配 - 图4

    对应横屏的9种适配情况