Android - ป้องกันการโหลด WebView ซ้ำเมื่อหมุน

เมื่อฉันหมุนหน้าจอ WebView จะโหลดซ้ำทั้งหน้า ฉันไม่สามารถรับสิ่งนี้ได้เนื่องจากเนื้อหาบางส่วนของฉันมีเนื้อหาแบบไดนามิก / สุ่ม ขณะนี้เมื่อหมุนหน้าจอจะรีโหลด URL เดิมจากเมธอด loadUrl ()

มีความคิดอย่างไรกับรหัสของฉัน?

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>

ฉันคิดว่าปัญหาหลักคือคุณเรียก web.loadUrl (webURL); ยังเมื่อบันทึกไว้

แก้ไข

ลอง:

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

แก้ไข 2 : คุณต้องมีการแทนที่ 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" ขอบคุณ

ไม่จำเป็นต้องเข้ารหัส 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>

ในแท็ก (รายการ)

android:configChanges="orientation|screenSize"

การเพิ่มandroid:configChanges="orientation|screenSize"ในรายการได้ผลสำหรับฉัน

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

ฉันไม่เชื่อว่ามันจะใช้ได้อีกต่อไป ในกรณีของฉันการกู้คืนสถานะโดยใช้WebView.restore(Bundle savedInstanceState)ยังคงทริกเกอร์การโหลด url ซ้ำ

มองไปที่เอกสารสำหรับrestoreState()คุณจะเห็นมันพูดว่า:

หากมีการเรียกใช้หลังจาก WebView นี้มีโอกาสสร้างสถานะ (โหลดหน้าสร้างรายการย้อนกลับ / ไปข้างหน้า ฯลฯ ) อาจมีผลข้างเคียงที่ไม่พึงปรารถนา

และ

โปรดทราบว่าวิธีนี้จะไม่กู้คืนข้อมูลที่แสดงสำหรับ WebView นี้อีกต่อไป

อุปกรณ์ประกอบฉากถึง @ e4c5 เพื่อชี้ให้ฉันไปในทิศทางที่ถูกต้องในคำตอบของเขา

และแน่นอนแนวทางปฏิบัติที่รุนแรงคือการป้องกันการเปลี่ยนแปลงทิศทางจากการกระตุ้นให้เกิดการทำลาย / สร้างกิจกรรม เอกสารวิธีการทำอยู่ที่นี่

เพิ่มรหัสนี้ใน Manifest

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

วางสิ่งนี้ในกิจกรรมไฟล์ 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>

แทนที่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");

ลองใช้สิ่งนี้ในไฟล์รายการของคุณ:

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

ดังที่ยกมานี้

ข้อควรระวัง: ตั้งแต่ Android 3.2 (API ระดับ 13) "ขนาดหน้าจอ" จะเปลี่ยนไปด้วยเมื่ออุปกรณ์สลับระหว่างแนวตั้งและแนวนอน ดังนั้นหากคุณต้องการป้องกันไม่ให้รันไทม์รีสตาร์ทเนื่องจากการเปลี่ยนทิศทางเมื่อพัฒนาสำหรับ API ระดับ 13 หรือสูงกว่า (ตามที่ประกาศโดยแอตทริบิวต์ minSdkVersion และ targetSdkVersion) คุณต้องรวมค่า "screenSize" เพิ่มเติมจากค่า "การวางแนว" นั่นคือคุณต้อง decalare android: configChanges = "orientation | screenSize" อย่างไรก็ตามหากแอปพลิเคชันของคุณกำหนดเป้าหมายเป็น API ระดับ 12 หรือต่ำกว่ากิจกรรมของคุณจะจัดการกับการเปลี่ยนแปลงการกำหนดค่านี้เองเสมอ (การเปลี่ยนแปลงการกำหนดค่านี้จะไม่เริ่มต้นกิจกรรมของคุณใหม่แม้ว่าจะทำงานบนอุปกรณ์ Android 3.2 หรือสูงกว่าก็ตาม)

การตั้งค่า android:configChanges="orientation|screenSize"กิจกรรมของคุณจะช่วยแก้ปัญหานี้ได้

นอกจากนี้โปรดทราบสิ่งต่อไปนี้

ข้อควรจำ: เมื่อคุณประกาศกิจกรรมของคุณเพื่อจัดการกับการเปลี่ยนแปลงการกำหนดค่าคุณต้องรับผิดชอบในการรีเซ็ตองค์ประกอบใด ๆ ที่คุณให้ทางเลือกอื่น หากคุณประกาศกิจกรรมของคุณเพื่อจัดการการเปลี่ยนแปลงการวางแนวและมีภาพที่ควรเปลี่ยนระหว่างแนวนอนและแนวตั้งคุณต้องกำหนดทรัพยากรแต่ละรายการให้กับแต่ละองค์ประกอบในระหว่าง onConfigurationChanged ()

วิธีนี้ใช้ได้ดีสำหรับฉัน:

(1) ใน AndroidManifest.xml ให้เพิ่มบรรทัดนี้ android: configChanges = "keyboard | keyboardHidden | orientation | screenLayout | uiMode | screenSize | maximumScreenSize"

แบบนี้ (และชอบคำตอบด้านบน)

<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 ให้ตรวจสอบว่า saveInstanceState

@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);
}

เพิ่มสิ่งนี้ใน Androidmanifest.xml:

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

ตอนนี้เมื่อการกำหนดค่าอย่างใดอย่างหนึ่งเหล่านี้เปลี่ยนไปMyActivityอย่ารีสตาร์ท แต่ได้รับการเรียกไปยังMyActivityonConfigurationChanged()

เพิ่มสิ่งนี้:

@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();
    }
}