Android——WebView组件的使用详解

来源：互联网发布：淘宝外卖是什么平台编辑：程序博客网时间：2024/04/29 21:16

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

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

res/layout/main.xml

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

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");    }