旋转 Android 设备时 Phonegap 崩溃

Question

所需的行为是这样的：

• 在旋转时重建布局 - 以适应新的屏幕尺寸。重建是使用 JQuery 和数学完成的 - 而不是 CSS。

• 脚本状态必须保持相同，还运行计时器等。这些应该像什么都没有发生一样继续。

为了实现这一点，我做了这个：

• 在清单中的所有活动中添加了 android:configChanges="orientation|keyboardHidden" ，以自己处理方向更改（注意：我不针对某些 API，所以我认为它默认到 API 1。这意味着不需要将 screenSize 添加到 configChanges）。

• 添加了方向更改的侦听器：

  window.onorientationchange = function() { var 方向 = window.orientation; 开关（方向）{ 案例0： 更新缩放（）； 休息;

  <前><代码>案例 90： 更新缩放（）； 休息; 情况-90： 更新缩放（）； 休息; } }

updateScaling 仅调整布局。

有时这会起作用，但有时设备会崩溃（模拟器以及真实设备）。在模拟器的日志上我看到这个警告：

警告/ActivityManager(73)：启动超时已过期，放弃唤醒锁！

我进行了研究，发现在活动中添加更长的 loadUrlTimeoutValue 可能会有所帮助，而且我添加了 super.setIntegerProperty("loadUrlTimeoutValue", 60000);到主要活动，但正如预期的那样也没有帮助。

我发现很多人抱怨 PhoneGap 的轮换问题。也许框架在这方面只是有缺陷？我还用 Apple 设备进行了测试，在那里我什至不可能捕获旋转事件 - iPhone 模拟器甚至没有改变方向，iPad 改变了它，但事件处理程序没有被调用，布局保持相同的大小。我尝试使用我发现的解决方法，将侦听器附加到文档。但这也没有帮助。

旋转设备时是否有完全可靠的方法来重建布局？如果没有，我可以在使用某个应用程序初始化后禁用旋转（这意味着，我不想修复为纵向或横向 - 我希望应用程序在使用当前应用程序初始化后禁用旋转更改）。有可靠的方法来做到这一点吗？

谢谢

Answer 1

我不太确定这是否解决了崩溃问题，或者我“在路上”做了其他事情。

但我添加了一个可靠工作的侦听器 - 至少在 Android 上：

$(window).resize(function() {
    updateScaling($('body').width());
}); 

它总是被调用并传递正确的宽度。据我记得它也适用于 screen.width

在 updateScaling 中我计算一个scalingFactor并调整我的元素。

我删除了 window.onorientationchange。

注意：可能是在崩溃时我在清单中使用了 android:configChanges="keyboardHidden" 而不是 android:configChanges="orientation|keyboardHidden" 。 AFAIK 这意味着系统重建了活动，这可以解释超时。但在那种情况下我不知道为什么 super.setIntegerProperty("loadUrlTimeoutValue", 60000);没有帮助。

结论

$(window).resize 与 android:configChanges="orientation|keyboardHidden" 结合​​使用对我有用。