Android——WebView组件的使用详解

通过本专题的讲解可以了解到WebView组件的详细使用:

网络内容
1、LoadUrl直接显示网页内容（单独显示网络图片）
2、LoadData显示中文网页内容（含空格的处理）
APK包内文件
1、LoadUrl显示APK中Html和图片文件
2、LoadData（loadDataWithBaseURL）显示APK中图片和文字混合的Html内容

res/layout/main.xml

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

 

Example_webview.java

 

 package cn.coolworks;

 import java.net.URLEncoder;

 import android.app.Activity;
 import android.os.Bundle;
 import android.webkit.WebView;

 public class Example_webview extends Activity {
     WebView webView;
     final String mimeType = "text/html";
     final String encoding = "utf-8";

     /** Called when the activity is first created. */
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
         webView = (WebView) findViewById(R.id.webview);
         webView.getSettings().setJavaScriptEnabled(true);
         //
         //webHtml();
         //
          //webImage();
         //
         //localHtmlZh();
         //
         //localHtmlBlankSpace();
         //
         //localHtml();
         //
         // localImage();
         //
          localHtmlImage();
     }

     /**
      * 直接网页显示
      */
     private void webHtml() {
         try {
             webView.loadUrl("http://www.google.com");
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 直接网络图片显示
      */
     private void webImage() {
         try {
             webView
                     .loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png");
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 中文显示
      */
     private void localHtmlZh() {
         try {
             String data = "<!--l encoding="utf-8" version="1.-->测试含有  中文的Html数据";
             // utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)
             //webView.loadData(data, mimeType, encoding);
             // 对数据进行编码处理(SDK1.5版本)
              webView.loadData(URLEncoder.encode(data, encoding), mimeType,
              encoding);
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 中文显示(空格的处理)
      */
     private void localHtmlBlankSpace() {
         try {
             String data = "      测试含有空格的Html数据    ";
             // 不对空格做处理
              webView.loadData(URLEncoder.encode(data, encoding), mimeType,
              encoding);
             //webView.loadData(data, mimeType, encoding);
             // 对空格做处理(在SDK1.5版本中)
              webView.loadData(URLEncoder.encode(data, encoding).replaceAll(
              "\\+", " "), mimeType, encoding);
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 显示本地图片文件
      */
     private void localImage() {
         try {
             // 本地文件处理(如果文件名中有空格需要用+来替代)
             webView.loadUrl("file:///android_asset/icon.png");
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 显示本地网页文件
      */
     private void localHtml() {
         try {
             // 本地文件处理(如果文件名中有空格需要用+来替代)
             webView.loadUrl("file:///android_asset/test.html");
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }

     /**
      * 显示本地图片和文字混合的Html内容
      */
     private void localHtmlImage() {
         try {
             String data = "测试本地图片和文字混合显示,这是<IMG src='\"file:///android_asset/icon.png\"/'>APK里的图片";
             // SDK1.5本地文件处理(不能显示图片)
             // webView.loadData(URLEncoder.encode(data, encoding), mimeType,
             // encoding);
             // SDK1.6及以后版本
             // webView.loadData(data, mimeType, encoding);
             // 本地文件处理(能显示图片)
             webView.loadDataWithBaseURL("about:blank", data, mimeType,
                     encoding, "");
         } catch (Exception ex) {
             ex.printStackTrace();
         }
     }
 }

 

webView判断是否加载完成的2种办法

mWebView.setWebViewClient(new WebViewClient()
{   
                        @Override
                        public void onPageFinished(WebView view, String url) 
                        {

                                //开始
                                super.onPageFinished(view, url);
                        }
                        @Override
                        public void onPageStarted(WebView view, String url, Bitmap favicon) 
                        {

                                //结束
                                super.onPageStarted(view, url, favicon);

                        }
});

 

 public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.main);
        
        WebView browser = null;
        browser = (WebView)findViewById(R.id.webview);
        browser.setWebChromeClient(new WebChromeClient()
        {
         public void onProgressChanged(WebView view,int newProgress)
         {
          test.this.setProgress(newProgress*100);
         }
        });
        //browser.getSettings().set
        browser.loadUrl("http://hiphotos.baidu.com/baidu/pic/item/39dbb6fdeb5efd4a09244df0.jpg");
    }