Android中替换WebView加载网页失败时的页面

我们用webView去请求一个网页链接的时候，如果请求网页失败或无网络的情况下，它会返回给我们这样一个页面，如下图所示：

这里写图片描述
上面这个页面就是系统自带的页面，你觉得是不是很丑？反正小编本人觉得非常丑，很难看，于是乎小编就在想能不能自定义一个页面，当数据请求失败时让系统来加载我们自定义好的页面？上网查了很多资料，都没有关于这个问题的解决方法（反正我是没有找到），经过小编的不断琢磨，今天终于实现了这个功能。以下就是本人自定义实现的数据加载失败时的页面：

这里写图片描述

这样看起来是不是觉得很高大尚。这和我们真正拿到数据接口做出来的效果完全一样。对于用户来说这样的体验也是很完美的。
**全部代码：
一、主代码：**
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;@Overrideprotected 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）;//允许加载javascriptmWebSettings.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）;}}}

二、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"><WebViewandroid: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"><RelativeLayoutandroid: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" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical"><ImageViewandroid:layout_width="70dp"android:layout_height="70dp"android:src="@drawable/wifi"android:id="@+id/imageView2" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="18dp"android:text="数据获取失败"></TextView><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="15dp"android:text="请检查网络后，点击重新加载"/></LinearLayout></RelativeLayout></LinearLayout>

以上所述是小编给大家介绍的Android中替换WebView加载网页失败时的页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！