Android中WebView的详细解释(二)附源代码

Android中WebView的详细解释(二)：
1.WebView概念：
加载网页的组件。可以视为一个浏览器。

2.WebView的好处：
(1).兼容已有的项目。
(2).可以动态更新。

3.shouldOverrideUrlLoading(WebView view, String url)函数:
(1).默认是通过第三方或者是系统浏览器打开网页。
(2).为了避免再次按的时候加载的是系统自带的浏览器,点击链接由自己处理.
(3).返回值为true的时候控制网页在WebView中去打开。如果为false的时候，调用系统浏览器或者是第三方浏览器打开。

(4).参数讲解：
WebView view：传递过来的WebView。
String url：传递过来的URL地址。
WebViewClient帮助WebView去处理一些页面控制和请求通知。

4.使用WebView遇到的问题：

(1) 后退与前进：避免按返回键的时候直接退出程序。

当你的WebView覆盖了URL加载，它会自动生成历史访问记录。你可以通过goBack()或goForward向前或者向后访问已访问过的站点。
改写手机物理按键返回的逻辑：改写下面的方法
boolean onKeyDown(int keyCode, KeyEvent event)：

(2).页面重定向：
避免当按返回键的时候，前面没有历史记录的时候，出现了一种现象：会在当前页面闪了一下：这是因为页面在加载的时候，加载的URL并不是显示的页面的URL,通过页面重定向，加载了很多个页面的原因。当按返回键的时候，也是将之前加载的页面退回。

解决方案一：鉴于以上的问题，为了更好的用户体验，有了判断页面加载过程：
由于有些网页可能加载缓慢，所以我们需要去判断网页的加载过程，制作进度条给予用户良好的体验效果。

解决方案二：使用WebView缓存的运用。
以上方式不能从根本上解决问题。

 // WebView加载页面优先使用缓存加载，其次使用进度条的方式     settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

完整代码如下：
(一)MainActicity.java类：

package com.pansoft.webviewdemo.activity;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.KeyEvent;
import android.view.Window;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
    private WebView mWebView;
    private ProgressDialog mDialog;
    private String LOAD_URL = "http://weibo.cn/";

    /**
     * 更新UI界面
     */
    Handler mHandler = new Handler() {
        public void handleMessage(Message msg) {
            if (!Thread.currentThread().isInterrupted()) {
                switch (msg.what) {
                case 0:
                    // 显示进度对话框
                    mDialog.show();
                    break;
                case 1:
                    // 隐藏进度对话框，不可使用dismiss()、cancel(),否则再次调用show()时，显示的对话框小圆圈不会动。
                    mDialog.hide();
                    break;
                }
            } else {
                super.handleMessage(msg);
            }
        }
    };

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        // init the view
        init();
        loadurl(mWebView, LOAD_URL);
    }

    /**
     * init the view
     */
    public void init() {
        // Progress
        // mDialog = new ProgressDialog(MainActivity.this);
        // mDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
        // mDialog.setMessage("数据载入中，请稍候！");
        // WebView
        mWebView = (WebView) findViewById(R.id.wv);

        // 改写状态 加载webView的浏览器 而不是Android系统自带的浏览器
        mWebView.setWebViewClient(new WebViewClient() {
            public boolean shouldOverrideUrlLoading(final WebView view,
                    final String url) {
                loadurl(view, url);
                return true;
            }

        });
        WebSettings settings = mWebView.getSettings();

        // 启用支持JavaScript
        settings.setJavaScriptEnabled(true);
        // 滚动条风格，为0就是不给滚动条留空间，滚动条覆盖在网页上
        mWebView.setScrollBarStyle(0);

        // WebView加载页面优先使用缓存加载，其次使用进度条的方式
        settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
        // 用户更好的体验效果
        mWebView.setWebChromeClient(new WebChromeClient() {
            // 当前网站的进度变化
            public void onProgressChanged(WebView view, int progress) {
                if (progress == 100) {// 加载完成
                    // 如果全部载入,关闭进度条
                    // mHandler.sendEmptyMessage(1);
                    closeDialog();
                } else {
                    // 网页正在加载,打开进度条
                    openDialog(progress);
                }
                super.onProgressChanged(view, progress);
            }

        });

    }

    /**
     * 网页正在加载的时候打开Dialog
     */
    private void openDialog(int progress) {
        if (mDialog == null) {
            mDialog = new ProgressDialog(MainActivity.this);
            mDialog.setTitle("数据正在加载中");
            // 样式
            mDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
            // 设置进度
            mDialog.setProgress(progress);

        } else {
            mDialog.setProgress(progress);
        }
        mDialog.show();

    }

    /**
     * 网页加载完毕关闭进度条
     */
    private void closeDialog() {
        if (mDialog != null && mDialog.isShowing()) {
            mDialog.dismiss();
            mDialog = null;
        }

    }

    /**
     * 改写物理按键-返回的逻辑
     */
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // 覆写
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
            mWebView.goBack();
            return true;
        } else if (keyCode == KeyEvent.KEYCODE_BACK) {
            // 按了返回键，但已经不能返回，则执行退出确认
            confirmExit();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

    /**
     * load the url
     * 
     * @param view
     * @param url
     */
    public void loadurl(final WebView view, final String url) {
        // 新开启一个线程
        new Thread() {
            public void run() {
                // mHandler.sendEmptyMessage(0);
                view.loadUrl(url);
            }
        }.start();
    }

    /**
     * 退出确认
     */
    public void confirmExit() {
        AlertDialog.Builder ad = new AlertDialog.Builder(MainActivity.this);
        ad.setTitle("退出");
        ad.setMessage("是否退出软件?");
        ad.setPositiveButton("是", new DialogInterface.OnClickListener() {// 退出按钮
                    @Override
                    public void onClick(DialogInterface dialog, int i) {
                        MainActivity.this.finish();// 关闭activity

                    }
                });
        ad.setNegativeButton("否", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int i) {
                // 不退出不用执行任何操作
            }
        });
        ad.show();// 显示对话框
    }
}

(二)：activity_main.xml文件：

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tab1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/wv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1.0"
        android:layout_x="0.0dip"
        android:layout_y="0.0dip" />

</RelativeLayout>