【分辨率】cocos简易屏幕适配

最新推荐文章于 2024-08-13 17:43:23 发布

老豆8

最新推荐文章于 2024-08-13 17:43:23 发布

阅读量584

点赞数 2

分类专栏： cocos Android studio 工具文章标签： cocos 适配器模式 ios 游戏开发

本文链接：https://blog.csdn.net/EddyLwei/article/details/116763147

版权

cocos 同时被 3 个专栏收录

12 篇文章 2 订阅

订阅专栏

工具

10 篇文章 0 订阅

订阅专栏

Android studio

3 篇文章 0 订阅

订阅专栏

cocos 设计正常比例是苹果八这些，但是现在越来越多都是长屏幕了，适配案例是头部加一个黑边。

效果如下：苹果x 和苹果6p

1.场景设置分辨率，注意 fitHeight没有勾：

2.预制体里面使用了Widget绑定，同时头部加一个100像素的黑色条：

3.预制体脚本里添加代码：


        //高比例屏幕上方多一条黑色边框防止刘海屏
        let heightScreen = cc.winSize.width/cc.winSize.height < 750/1334;
        if (heightScreen) {
            let widget = this.node.getComponent(cc.Widget);
            widget.top = 70;
        }