我想问下 浏览器如何强制横屏？在设置里面设置也没用啊

Creator 2.x
#1

我想问下 浏览器如何强制横屏？在设置里面设置也没用啊，或者说我指定了横屏，当竖屏的时候现实一个提示让玩家横屏这样的功能怎么做？

#2

cc.view 包含 setResizeCallback2 接口，会在转屏时被触发

同时我们也提供了 setOrientation4 接口，允许用户将游戏强制横竖屏（Web 端）

好像有官方人员说过 ，但我在api里没找到这样的函数描述

#3

:joy:我再看看吧！

#4

我使用了cc.view.setOrientation(… 横屏) web打开了之后 竖屏下 是黑色的 ？

我想在里面加个提示横屏的图片 怎么做？

#5

已经找到方法了！！

#6

请问怎么解决的？

#7

我们的强制横屏设置有在多数主流浏览器下测试，如果无法横屏，可以说说你遇到问题的操作系统和浏览器种类吗？

如果要提示用户翻转，可以使用 http://www.cocos.com/docs/creator/api/classes/View.html#method_getVisibleSize
这样的接口获取当前屏幕的宽高比，如果宽度小于高度，就可以全屏显示一张提示翻转手机的图片

#8

现在在大部分浏览器都不会强制横屏。。。。1.3.0beta1 啥时候修复啊

#9

之前的版本有 bug，会导致在第一次进入的时候不会转屏，目前已经修复了，下个版本就可以

#10

微信浏览器里强制横屏，在系统打开转屏后，游戏会随浏览器翻转，不能铺满全屏

#11

panda 说的修复在 v1.2.2-beta.2 里了 http://forum.cocos.com/t/cocos-creator-v1-2-2-9-9/39231

#12

微信浏览器中不会全屏，强制横屏后任何适配策略都没有用。只能像如下这样平移居中显示。
cc.view.enableAutoFullScreen(true); //这行没有用。
window.addEventListener(‘orientationchange’, function(event){
var gap = (cc.winSize.width-display.width)/2;
var scene = cc.director.getRunningScene();
scene.x += gap;

    display.width = cc.winSize.width;
    display.height = cc.winSize.height;
    display.cx = display.width/2;
    display.cy = display.height/2;
});
#13

可以截图看看吗？

#14

截图来了。
cc.view.setDesignResolutionSize(1136, 640, cc.ResolutionPolicy.SHOW_ALL);
第一张，竖屏不能铺全屏

IMG_8718.jpg2001×1125 224 KB

横过来，居左了。
IMG_8719.jpg2001×1125 189 KB

只能如上回贴居中显示
IMG_8720.jpg2001×1125 195 KB

#15

是不是没有调用 cc.view.resizeWithBrowserSize(true) ？

#16 
    cc.view.enableRetina(cc.sys.os === cc.sys.OS_IOS ? true : false);
    cc.view.adjustViewPort(true);
    cc.view.setOrientation(cc.ORIENTATION_LANDSCAPE);
    // FIXED_WIDTH  SHOW_ALL
    if(cc.sys.os === cc.sys.OS_ANDROID||cc.sys.os==cc.sys.OS_IOS){
        cc.view.setDesignResolutionSize(1136, 640, cc.ResolutionPolicy.FIXED_HEIGHT);
    }else{
        // 浏览器
        cc.view.setDesignResolutionSize(1136, 640, cc.ResolutionPolicy.SHOW_ALL);
    }

    cc.view.resizeWithBrowserSize(true);
    cc.view.enableAutoFullScreen(true);
    window.addEventListener('orientationchange', function(event){
        var gap = (cc.winSize.width-display.width)/2;
        var scene = cc.director.getRunningScene();
        scene.x += gap;

        display.width = cc.winSize.width;
        display.height = cc.winSize.height;
        display.cx = display.width/2;
        display.cy = display.height/2;
    });
1赞
#17

如果是 FIXED_HEIGHT 适配模式的话，这样表现倒是正常的，因为你的背景图不够长，加上是绝对坐标定位，你可以试试用 Widget 来辅助相对定位，让背景图和节点保持 x 轴正中间

#18

小米3自带浏览器v8.2.10 在代码设置强制横屏时，竖屏打开游戏，不能强制横屏。在该手机上安装QQ浏览器，做同样的测试，可以强制横屏。

小米4自带浏览器v8.1.6存在同样问题。

#19

请问问题解决了吗？我加了这段代码后，红米note自带浏览器和猎豹浏览器都还不能横屏。（v1.2.2） 求助~~