Android-RotateでのWebViewのリロードの防止


90

画面を回転すると、WebViewはページ全体を再読み込みします。一部のコンテンツに動的/ランダムな素材が含まれているため、これを使用することはできません。現在、画面を回転すると、loadUrl()メソッドから元のURLが再読み込みされます。

私のコードの何が問題になっているのでしょうか?

MainActivity.java

package com.mark.myapp;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {

    WebView web;
    String webURL = "http://www.google.co.uk/";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        if (savedInstanceState != null)
            ((WebView)findViewById(R.id.web)).restoreState(savedInstanceState);

        web = (WebView) findViewById(R.id.web);
        web.getSettings().setJavaScriptEnabled(true);
        web.loadUrl(webURL);
        web.setPadding(0, 0, 0, 0);
        web.getSettings().setLoadWithOverviewMode(true);
        web.getSettings().setUseWideViewPort(true);
        web.getSettings().setSupportZoom(true);
        web.getSettings().setBuiltInZoomControls(true);

        web.setWebViewClient(new HelloWebViewClient());
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

    private class HelloWebViewClient extends WebViewClient {
        public boolean shouldOverrideUrlLoading(WebView web, String url) {
            web.loadUrl(url);
            return true;
        }
    }

    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && web.canGoBack()) {
            web.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

}

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mark.myapp"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"

            android:configChanges="orientation|keyboardHidden">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>

1
私は自分自身を使用してお勧めでき簡体ソリューションはここにある:twigstechtips.blogspot.com/2013/08/...
Andrius Baruckis

回答:


104

主な問題は、web.loadUrl(webURL);を呼び出すことだと思います。savedInstanceState!= nullの場合も

編集

試してみてください:

if (savedInstanceState == null)
{
  web.loadUrl(webURL);
}

EDIT2:またonSaveInstanceStateとonRestoreInstanceStateオーバーライドする必要があります。

@Override
protected void onSaveInstanceState(Bundle outState )
{
super.onSaveInstanceState(outState);
web.saveState(outState);
}

@Override
protected void onRestoreInstanceState(Bundle savedInstanceState)
{
super.onRestoreInstanceState(savedInstanceState);
web.restoreState(savedInstanceState);
}

注:アクティビティにAndroidManifest.xmlも追加してくださいandroid:configChanges = "orientation | screenSize"ありがとう


1
はい!これは私にとってはうまくいきます(編集後、ティムは見つけました!)!ありがとうございました!これが機能する理由と方法、およびこれらのメソッドをオーバーライドする必要がある理由を説明していただけますか?
マーク


最後に、次のifステートメントが本当に必要ですか。if(savedInstanceState!= null)((WebView)findViewById(R.id.web))。restoreState(savedInstanceState);
マーク

21
これにより、同じページが維持されますが、画面の回転時にリロードされます
Grasper 2015年

2
これは、android:configChangesプロパティをAndroidManifestの<activity>に追加すると機能するため、回答から2つとその1つを追加します。ここでは3つのすべてのものを含んで良い答えだ:stackoverflow.com/a/46849736/454780
trusktrは

62

Javaコーディングは必要ありません。これをマニフェストファイルで使用します。

 android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"

お気に入り:

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
        android:name="com.Example.WebviewSample.webviewsample"
        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
        android:label="@string/app_name" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>        
</application>

2
どんな変化について話しているのですか?
Pratik Poddar 2014年

@Mgamerzのコメントに続いて..問題が回転しているとき..これはあなたが与えることができる最悪の提案です
Guilherme Oliveira

55
Noooooooooooo。これをすることさえ考えないでください。構成の変更はローテーションに限定されません。また、インスタンスの状態は、メモリ不足から戻った後に復元できます。ここでの問題は、これを行うと構成が正しく更新されないことです。誰もこれをしないでください。
Eric Cochran

6
@EricCochran知っていれば、正解を書いていただけませんか。受け入れられた回答はまだページをリロードし、セッション情報も失います。私の場合、これはすごいようなものです、あなたは電話を回します-あなたは再びログインしなければなりません。
アトモスク2017年

これは完全な答えの一部にすぎないかもしれません。:この優れた1を参照してくださいstackoverflow.com/a/46849736/454780
trusktr

21

タグ内(マニフェスト)

android:configChanges="orientation|screenSize"

9
onConfigurationChangedカスタム機能が追加されていないため、実際にはメソッドをオーバーライドする理由はありません。マニフェストファイルに変更を加えるだけでうまくいきました。
i2097i 2015年

マニフェストで十分であり、追加のみにorientation|screenSize
賛成

14

android:configChanges="orientation|screenSize"マニフェストを追加するとうまくいきます

<activity
            android:name="com.example.HelloWorld.WebActivity"
            android:label="@string/title_activity_web"
            android:configChanges="orientation|screenSize" >
</activity>

MainActivityがWebViewに関して行うことを投稿できますか?
trusktr

8

私はこれがもううまくいくとは思わない。私の場合、WebView.restore(Bundle savedInstanceState)それでも状態を復元すると、URLのリロードがトリガーされます。

ドキュメントを見ると、restoreState()次のように書かれていることがわかります。

このWebViewが状態を構築する機会(ページのロード、バック/フォワードリストの作成など)を行った後に呼び出された場合、望ましくない副作用が発生する可能性があります。

そして

このメソッドでは、このWebViewの表示データは復元されないことに注意してください。

彼の答えで私を正しい方向に向けてくれた@ e4c5への小道具

そしてもちろん、極端な行動方針は、向きの変化が活動の破壊/創造を引き起こすのを防ぐことです。これを行う方法のドキュメントはこちら


6

このコードをマニフェストに追加します

<activity 
     ...
     android:configChanges="orientation|screenSize">

5

これをManifest.xmlファイルアクティビティに配置します。

android:configChanges="orientation|screenSize"

次に例を示します。

<activity android:name=".MainActivity"
          android:label="@string/app_name"
          android:theme="@style/AppTheme.NoActionBar"
          android:configChanges="orientation|screenSize">
          <intent-filter>
                <category android:name="android.intent.category.DEFAULT" />
          </intent-filter>
</activity>

4

onConfigChange方向の変更時にデータが再読み込みされないように、メソッドをオーバーライドします

AndroidMainfestファイル内のアクティビティについて。

android:configChanges="orientation|keyboardHidden" 

WebView設定にもこれらがあります

webview.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
webview.loadUrl("Your URL To Load");

4

マニフェストファイルでこれを試してください:

android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"

4

ここに引用されているように

注意:Android 3.2(APIレベル13)以降、デバイスが縦向きと横向きを切り替えると、「画面サイズ」も変化します。したがって、APIレベル13以上(minSdkVersion属性とtargetSdkVersion属性で宣言されている)の開発時に方向の変更によるランタイムの再起動を防ぎたい場合は、「orientation」値に加えて「screenSize」値を含める必要があります。つまり、android:configChanges = "orientation | screenSize"をdecalareする必要があります。ただし、アプリケーションがAPIレベル12以下を対象としている場合、アクティビティは常にこの構成変更自体を処理します(この構成変更は、Android 3.2以降のデバイスで実行されている場合でも、アクティビティを再開しません)。

android:configChanges="orientation|screenSize"アクティビティを設定すると、この問題は解決します。

また、次の点に注意してください

注意:構成の変更を処理するアクティビティを宣言するときは、代替を提供する要素をリセットする責任があります。向きの変更を処理するアクティビティを宣言し、横向きと縦向きの間で画像を変更する必要がある場合は、onConfigurationChanged()中に各リソースを各要素に再割り当てする必要があります。


3

この解決策は私にとってうまく機能します:

(1)AndroidManifest.xmlに、次の行を追加しますandroid:configChanges = "keyboard | keyboardHidden | orientation | screenLayout | uiMode | screenSize | smallestScreenSize"

このように(そして上記の答えのように)

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity"
        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

(2)次に、MainActivity.javaでsavedInstanceStateを確認します

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mainContext = getApplicationContext();
    ----
    myWebView = (WebView) findViewById(R.id.webView);
    prepareWebView();
    myWebView.addJavascriptInterface(myJavaScriptInterface, "WEB2Android");

    if (savedInstanceState == null) {
        myWebView.post(new Runnable() {
            @Override
            public void run() {
                myWebView.loadUrl("http://www.appbiz.ro/foto_konta");
            }
        });
    }
    ----
}

(3)そして:

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

@Override
protected void onSaveInstanceState(Bundle outState )
{
    super.onSaveInstanceState(outState);
    myWebView.saveState(outState);
}

@Override
protected void onRestoreInstanceState(Bundle savedInstanceState)
{
    super.onRestoreInstanceState(savedInstanceState);
    myWebView.restoreState(savedInstanceState);
}

0

これをAndroidmanifest.xmlに追加します。

<activity android:name=".MyActivity"
    android:configChanges="orientation|screenSize|screenLayout|keyboardHidden">

現在、これらの構成の1つが変更されても、MyActivity再起動しません。代わりに、MyActivityへの呼び出しを受け取りますonConfigurationChanged()

これを追加:

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

    // Checks the orientation of the screen
    if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
        Toast.makeText(this, "landscape", Toast.LENGTH_SHORT).show();
    }
    else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT) {
        Toast.makeText(this, "portrait", Toast.LENGTH_SHORT).show();
    }
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.