cocos屏幕适配方案原理

发布于 2021-08-31  246 次阅读


    1、适配模式

    (1)ExactFit   :拉伸变形,使铺满屏幕。(cocos废弃,layaAir还有保留)

    (2)NoBorder   :按比例缩放,全屏展示不留黑边。(编辑器关闭 fit-width、fit-height)

                                    (长宽中小的铺满屏幕,大的超出屏幕)

    (3)ShowAll    :按比例缩放,全部展示不裁剪。(编辑器都开启 fit-width、fit-height)

                                    (长宽中大的铺满屏幕,小的留有黑边)

    (4)fit-width :按比例缩放,宽度铺满屏幕。(编辑器开启 fit-width)

    (5)fit-height:按比例缩放,高度铺满屏幕。(编辑器开启 fit-height)

    2、计算方法

    假设:屏幕分辨率(fWidth,fHeight) ; 设计分辨率(dWidth,dHeight)。

          放缩因子:k1 = fWidth/dWidth ; k2 = fHeight/dHeight。

    则适配后的分辨率大小如下:

    (1)ExactFit   :( dWidth * k1         , dHeight * k2         )

    (2)NoBorder   :( dWidth * max(k1,k2) , dHeight * max(k1,k2) )

    (3)ShowAll    :( dWidth * min(k1,k2) , dHeight * min(k1,k2) )

    (4)fit-width  :( dWidth * k1         , dHeight * k1         )

    (5)fit-height:( dWidth * k2         , dHeight * k2         )


注错之当