javascript - 画廊中的图像在方向改变时消失

Question

<script>
document.addEventListener("orientationChanged", updateOrientation);

 function updateOrientation(e) {
    switch (e.orientation)
    {   
        case 0:
            // Do your thing
            break;

        case -90:
            var ele=document.getElementById("photoBox")
            ele.width='200px';
            ele.height='200px';
            ele.style.float='center';
            break;

        case 90:
             var ele=document.getElementById("photoBox")
                ele.width='200px';
                ele.height='200px';
                ele.style.float='center';
                break;
        default:
            break;
        }
    } 
</script>

我在我的应用程序中使用了这个画廊代码。我面临的问题是，每当我改变设备的方向时，图像就会消失。我在 logcat 中没有收到任何错误消息。

我对 javascript 中的代码非常具体。尽管我在 Android 上使用它，但我无法在 native 端进行任何更改。

感谢任何帮助。谢谢。

Answer 1

您可以通过在 AndroidManifest.xml 的 Activity 中添加“configChanges”属性来实现此目的，如下所示

<activity
        android:configChanges="orientation|keyboard"
        android:name=".MyActivity">
 </activity>

并在您的 Activity (MyActivity.java)中，请重写方法“onConfigurationChanged(Configuration配置)”，如下所示

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
}

这应该可以解决您的问题