WebView的使用及添加进度条

实现的效果比较简单类似于微信打开网页，头部有个进度条显示加载进度

下载地址：http://download.****.net/detail/qq_29774291/9666941

1.在安卓端加载一个网页

webView.loadUrl(urlString);

2.显示网页开始加载和加载的进度；不过在有时会出现onPageStarted等多次调用的情况，也许是网页的问题，未找到处理方法

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                // TODO Auto-generated method stub
                super.onPageStarted(view, url, favicon);
                System.out.println("Page开始  " + url  + "   " + favicon);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                // TODO Auto-generated method stub
                super.onPageFinished(view, url);
                System.out.println("Page结束  " +url);
            }

        webView.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
                super.onProgressChanged(view, newProgress);
                Log.d("jiejie", "ProgressChanged++  " + newProgress);
                if(newProgress ==100){
                    progressBar.setVisibility(View.GONE);
                    //progressBar.setProgress(newProgress);
                }else {
                    progressBar.setVisibility(View.VISIBLE);
                    progressBar.setProgress(newProgress);//设置加载进度
                }
            }
        });

3.重写下ProgressBar的背景颜色progressDrawable需要使用layer-list来进行实现

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="2dp" />
            <gradient
                android:angle="270"
                android:centerColor="#E3E3E3"
                android:endColor="#E6E6E6"
                android:startColor="#C8C8C8" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="2dp" />
                <gradient
                    android:centerColor="#4AEA2F"
                    android:endColor="#31CE15"
                    android:startColor="#5FEC46" />

            </shape>
        </clip>
    </item>

</layer-list>

4.WebSettings 的常用方法介绍

setJavaScriptEnabled(true);  //支持js

setPluginsEnabled(true);  //支持插件 

setUseWideViewPort(false);  //将图片调整到适合webview的大小 

setSupportZoom(true);  //支持缩放 

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局  

supportMultipleWindows();  //多窗口 

setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存 

setAllowFileAccess(true);  //设置可以访问文件 

setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点

webview webSettings.setBuiltInZoomControls(true); //设置支持缩放 

setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 

setLoadWithOverviewMode(true); // 缩放至屏幕的大小

setLoadsImagesAutomatically(true);  //支持自动加载图片

5.WebViewClient 的方法全解

doUpdateVisitedHistory(WebView view, String url, boolean isReload)  //(更新历史记录) 

onFormResubmission(WebView view, Message dontResend, Message resend) //(应用程序重新请求网页数据) 

onLoadResource(WebView view, String url) // 在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。 

onPageStarted(WebView view, String url, Bitmap favicon) //这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。 

onPageFinished(WebView view, String url) //在页面加载结束时调用。同样道理，我们知道一个页面载入完成，于是我们可以关闭loading 条，切换程序动作。 

onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (报告错误信息) 

onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//（获取返回信息授权请求） 

onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重写此方法可以让webview处理https请求。

onScaleChanged(WebView view, float oldScale, float newScale) // (WebView发生改变时调用) 

onUnhandledKeyEvent(WebView view, KeyEvent event) //（Key事件未被加载时调用） 

shouldOverrideKeyEvent(WebView view, KeyEvent event)//重写此方法才能够处理在浏览器中的按键事件。 

shouldOverrideUrlLoading(WebView view, String url)
//在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。

6.主程序代码

 package com.item.jiejie.activity;

 import com.item.jiejie.R;

 import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.graphics.Bitmap;
 import android.os.Bundle;
 import android.util.Log;
 import android.view.KeyEvent;
 import android.view.View;
 import android.webkit.WebChromeClient;
 import android.webkit.WebSettings;
 import android.webkit.WebView;
 import android.webkit.WebViewClient;
 import android.widget.ProgressBar;

 /**
  * 实现加在一个WebView 为WebView加载时添加一个类型微信的进度条
  * @author Administrator
  *
  */
 @SuppressLint("SetJavaScriptEnabled")
 public class WebViewActivity extends Activity{
     private WebView webView;
     private ProgressBar progressBar;
     private String urlString = "http://61.156.45.47:8081/dtmsapp/sy.html";
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         setContentView(R.layout.actvity_webview);
         initView();
     }
     private void initView() {
         // TODO Auto-generated method stub
         webView = (WebView)findViewById(R.id.webview);
         progressBar = (ProgressBar)findViewById(R.id.pergress);
         WebSettings webSettings = webView.getSettings();
         webSettings.setJavaScriptEnabled(true);
         webSettings.setUseWideViewPort(true);
         webSettings.setLoadWithOverviewMode(true);
         webSettings.setDefaultTextEncodingName("utf-8");
         webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//关闭WebView中缓存
         webView.setWebViewClient(new WebViewClient(){
             @Override
             public void onPageStarted(WebView view, String url, Bitmap favicon) {
                 // TODO Auto-generated method stub
                 super.onPageStarted(view, url, favicon);
                 System.out.println("Page开始  " + url  + "   " + favicon);
             }

             @Override
             public void onPageFinished(WebView view, String url) {
                 // TODO Auto-generated method stub
                 super.onPageFinished(view, url);
                 System.out.println("Page结束  " +url);
             }
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 // TODO Auto-generated method stub
                 //return super.shouldOverrideUrlLoading(view, url);
                 view.loadUrl(url);
                 return true;
             }
         });
         webView.setWebChromeClient(new WebChromeClient(){
             @Override
             public void onProgressChanged(WebView view, int newProgress) {
                 // TODO Auto-generated method stub
                 super.onProgressChanged(view, newProgress);
                 Log.d("jiejie", "ProgressChanged++  " + newProgress);
                 if(newProgress ==100){
                     progressBar.setVisibility(View.GONE);
                     //progressBar.setProgress(newProgress);
                 }else {
                     progressBar.setVisibility(View.VISIBLE);
                     progressBar.setProgress(newProgress);//设置加载进度
                 }
             }
         });
         webView.loadUrl(urlString);
     }

     //设置返回键动作（防止按返回键直接退出程序)
         @Override
         public boolean onKeyDown(int keyCode, KeyEvent event) {
             // TODO 自动生成的方法存根
             if(keyCode==KeyEvent.KEYCODE_BACK) {
                 if(webView.canGoBack()) {//当webview不是处于第一页面时，返回上一个页面
                     webView.goBack();
                     return true;
                 }
 //                else {//当webview处于第一页面时,直接退出程序
 //                    System.exit(0);
 //                }

             }
             return super.onKeyDown(keyCode, event);
         }
 }