Cocos2d-JS 屏幕适配相关内容

最新推荐文章于 2025-01-24 12:54:23 发布

转载最新推荐文章于 2025-01-24 12:54:23 发布 · 2.7k 阅读

46 篇文章

订阅专栏

监听浏览器窗口大小变化事件 :
新的适配方案允许在浏览器大小变化的时候自动重新尝试适配。比如说，当用户拖拽来改变浏览器大小，或者更有用的情况，当他们转动自己手机方向的时候。游戏中任意时刻都可以开启这种行为，只需要调用cc.view的resizeWithBrowserSize函数：

cc.view.resizeWithBrowserSize(true);

为了更灵活得应对变化，我们为cc.view提供了一个新的函数，你可以通过setResizeCallback函数注册一个回调函数来监听浏览器窗口大小变化事件：

cc.view.setResizeCallback(function() {
    // 做任何你所需要的游戏内容层面的适配操作
    // 比如说，你可以针对用户的移动设备方向来决定所要应用的适配模式
});

Fullscreen API :
Fullscreen API是浏览器允许Web页面在获得用户全屏幕的一个新的制定中的API。
Cocos2d-JS在移动端浏览器中会尝试自动进入全屏幕来给用户更好的游戏体验（需要指出并不是所有浏览器都支持这个API）。
另一方面，桌面端几乎所有现代浏览器都支持Fullscreen API，如果你希望使用这个API，Cocos2d-JS也简化了它的使用方式：

尝试进入全屏模式（需要用户交互）:

`cc.screen.requestFullScreen(targetElement,onFullScreenCallback);`

检测是否处于全屏模式 :

cc.screen.fullScreen();

退出全屏模式 :

 cc.screen.exitFullScreen();

获取当前尺寸 :

cc.view.getFrameSize()

main中添加 :


cc.view.enableAutoFullScreen(false);  //true   : 可以自动全屏
                                      //false  : 不可以自动全屏
                                      //添加在cc.view.setDesignResolutionSize的前面

//cc.view.setDesignResolutionSize(640, 960 , cc.ResolutionPolicy.SHOW_ALL);