javascript - Phonegap 2.2.0 - 检测方向

Question

我有一个我想保持纵向模式的应用程序，除了我想要检测方向更改、触发 js 事件并更改方向的单个视图（仅适用于该视图）。

我的应用程序中有以下代码：

   window.shouldRotateToOrientation = function(rotation) {
     switch (rotation) {        
       case 0:
       case 180:
        console.log("Portrait");
        return false;
        //LandscapeRight or LandscapeLeft
       case 90:
       case -90:
        console.log("Landscape");
        return false;
     }
  }

这在为 iOS5 构建时似乎可以正常工作，通过返回 false 使应用程序保持纵向方向，并在设备处于横向模式时正确触发。然而，当为 iOS6 构建时，每次设备旋转时，该函数被调用 4 次，匹配每种情况 - 使检测无用。

我是否正确地接近这个 - 还有另一种方法还是我错过了什么？

请注意，我对 XCode/ios/ObjectiveC 环境的了解非常有限

Answer 1

试试这个代码：

function changeOrientation() {
    switch (window.orientation) {
        case 0:
            // portrait, home bottom
        case 180:
            // portrait, home top
            alert("portrait H: " + $(window).height() + " W: " + $(window).width());
            break;
        case -90:
            // landscape, home left
        case 90:
            // landscape, home right
            alert("landscape H: " + $(window).height() + " W: " + $(window).width());
            break;
    }
}

window.onorientationchange = function () {
    //Need at least 800 milliseconds
    setTimeout(changeOrientation, 1000);
}

超时应该可以解决问题。

Answer 2

以下对我来说可以检测方向：

function isOrientationPortrait(){
  if ($(window).height() > $(window).width()){ 
    return true; 
  } else { 
    return false; 
  }
}

$(window).on('orientationchange', function () {
  if(isOrientationPortrait()){
    console.log("Portrait");
  } else {
    console.log("Landscape"); 
  }
});