Android 에서 WebView 를 교체 하여 웹 페이지 를 불 러 오 는 데 실 패 했 을 때의 페이지

웹 뷰 로 웹 링크 를 요청 할 때 웹 페이지 를 요청 하 는 데 실패 하거나 네트워크 가 없 는 경우 다음 그림 과 같은 페이지 로 되 돌아 갑 니 다.
 
위의 이 페이지 는 바로 시스템 이 자체 적 으로 가지 고 있 는 페이지 입 니 다.당신 은 매우 추 하 다 고 생각 합 니까?어쨌든 편집장 본인 은 매우 추 하고 보기 흉 하 다 고 생각 하기 때문에 편집장 은 한 페이지 를 사용자 정의 할 수 있 을 까 생각 하고 있다.데이터 요청 이 실 패 했 을 때 시스템 으로 하여 금 우리 가 사용자 정의 한 페이지 를 불 러 오 게 할 수 있 을 까?인터넷 에서 많은 자 료 를 찾 았 지만 이 문제 에 관 한 해결 방법 이 없 었 다.다음은 본인 이 사용자 정의 로 구현 한 데이터 로드 에 실 패 했 을 때의 페이지 입 니 다.
 
이렇게 보니까 고상 하지 않 아 요?이것 은 우리 가 진정 으로 데이터 인 터 페 이 스 를 받 아 만 든 효과 와 완전히 같다.사용자 에 게 도 이런 체험 은 완벽 하 다.
**모든 코드:
1.주 코드:**
MainActivity.Java

package com.example.webview;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
  private WebView webview;
  private WebSettings mWebSettings;
  private View mErrorView;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    webview = (WebView) findViewById(R.id.main_webview);
    setUpView();
  }
  private void setUpView() {
    //         
    webview.loadUrl("http://www.baidu.com/");
    //  WebView  ，    Javascript  
    webview.getSettings().setJavaScriptEnabled(true);
    mWebSettings = webview.getSettings();
    mWebSettings.setJavaScriptEnabled(true);  //    javascript
    mWebSettings.setSupportZoom(true);     //    
    mWebSettings.setBuiltInZoomControls(true); //        
    mWebSettings.setUseWideViewPort(true);   //      
    webview.setWebViewClient(webClient); //  Web  
  }
  /***
   *   Web     
   */
  WebViewClient webClient = new WebViewClient(){//         
    public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
      showErrorPage();//      
    };
  };
  boolean mIsErrorPage;
  protected void showErrorPage() {
    LinearLayout webParentView = (LinearLayout)webview.getParent();
    initErrorPage();//        
    while (webParentView.getChildCount() > 1) {
      webParentView.removeViewAt(0);
    }
    @SuppressWarnings("deprecation")
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewPager.LayoutParams.FILL_PARENT, ViewPager.LayoutParams.FILL_PARENT);
    webParentView.addView(mErrorView, 0, lp);
    mIsErrorPage = true;
  }
  /****
   *                
   */
  protected void hideErrorPage() {
    LinearLayout webParentView = (LinearLayout)webview.getParent();
    mIsErrorPage = false;
    while (webParentView.getChildCount() > 1) {
      webParentView.removeViewAt(0);
    }
  }
  /***
   *              
   */
  protected void initErrorPage() {
    if (mErrorView == null) {
      mErrorView = View.inflate(this, R.layout.activity_error, null);
      RelativeLayout layout = (RelativeLayout)mErrorView.findViewById(R.id.online_error_btn_retry);
      layout.setOnClickListener(new View.OnClickListener() {
        public void onClick(View v) {
          webview.reload();
        }
      });
      mErrorView.setOnClickListener(null);
    }
  }
}

2.XML 레이아웃 코드:
1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context="com.example.webview.MainActivity">
  <WebView
    android:id="@+id/main_webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  </WebView>
</LinearLayout>

2.activity_error.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <RelativeLayout
    android:id="@+id/online_error_btn_retry"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E6E6E6"
    android:clickable="true"
    android:gravity="center" >
    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center"
      android:orientation="vertical"
      >
      <ImageView
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:src="@drawable/wifi"
        android:id="@+id/imageView2" />
      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18dp"
        android:text="      "
        ></TextView>
      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15dp"
        android:text="      ，      "
        />
    </LinearLayout>
  </RelativeLayout>
</LinearLayout>

위 에서 말 한 것 은 소 편 이 소개 한 안 드 로 이 드 에서 웹 뷰 를 교체 하여 웹 페이지 를 불 러 오 는 데 실 패 했 을 때의 페이지 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!