屏幕分辨率适配

FushanCode

已于 2024-03-26 23:51:01 修改

阅读量385

点赞数

分类专栏： CocosCreator # Cocos-实战篇文章标签： cocos2d typescript 游戏引擎

于 2021-11-23 23:38:04 首次发布

本文链接：https://blog.csdn.net/Fushan98/article/details/121505626

版权

CocosCreator 同时被 2 个专栏收录

12 篇文章 1 订阅

订阅专栏

Cocos-实战篇

1 篇文章 0 订阅

订阅专栏

cocos屏幕适配原理
1、定高会使更短的设备（如 iPad）上显示不全。
2、定宽会使更长的设备上显示不全。
3、使用自动外扩的方案，动态切换定高和定宽，确保任何情况下，UI 都不会被裁剪。

以下提供2D版本

    public resize() {
        let drs = cc.view.getDesignResolutionSize();
        let s = cc.view.getFrameSize();
        let ratio = s.width / s.height;
        let drsRatio = drs.width / drs.height;
        if (ratio > drsRatio) {
            cc.view.setResolutionPolicy(cc.ResolutionPolicy.FIXED_HEIGHT);
        } else {
            cc.view.setResolutionPolicy(cc.ResolutionPolicy.FIXED_WIDTH);
        }
    }

以下提供3D版本

    public resize() {
    //v3.4.0之后改用screen.windowSize,之前使用view.getFrameSize();
       let winSize = screen.windowSize;
       let ratio = winSize.width / winSize.height;
       let drs = view.getDesignResolutionSize();
       let drsRatio = drs.width / drs.height;
       if(ratio > drsRatio){
          view.setResolutionPolicy(ResolutionPolicy.FIXED_HEIGHT);
        } else{
           view.setResolutionPolicy(ResolutionPolicy.FIXED_WIDTH);
        }
    }