CocosCreator屏幕适配

CocosCreator屏幕适配指南

最新推荐文章于 2025-10-03 09:34:16 发布

原创最新推荐文章于 2025-10-03 09:34:16 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

CocosCreator 专栏收录该内容

34 篇文章

订阅专栏

本文档详细介绍了使用CocosCreator进行屏幕适配的方法，包括获取设计分辨率、可视区域大小及屏幕物理分辨率等关键信息，适用于不同设备如iPhoneX的适配需求。

官方文档已经讲解的非常详细明了。

Cocos Creator教程:屏幕适配

Cocos Creator屏幕适配

iphoneX适配
 Cocos2D-X屏幕适配新解

      //---->设计分辨率
      let size0: cc.Size = cc.view.getDesignResolutionSize();
      console.log("width 0:" + size0.width + ", height 0:" + size0.height);

      //---->可视区域大小
      let size1: cc.Size = cc.view.getVisibleSize();
      console.log("width 1:" + size1.width+", height 1:" + size1.height);
      
      let size2: cc.Size = cc.winSize;
      console.log("width 2:" + size2.width+", height 2:" + size2.height);
    
      let size3: cc.Size = cc.view.getVisibleSizeInPixel();
      console.log("width 3:" + size3.width+", height 3:" + size3.height);
 
      //---->屏幕物理分辨率 也就是手机分辨率。
      let size4: cc.Size = cc.view.getFrameSize();
      console.log("width 4:" + size4.width+", height 4:" + size4.height);