WebView简介（基本显示篇）

本是古典何须时尚 2022-03-25 14:06 226阅读 0赞

本文编辑整理自： [http://developer.51cto.com/art/201008/216488.htm][http_developer.51cto.com_art_201008_216488.htm]  
51CTO曾经独家推荐过Android开发应用详解的专题，本文希望通过本次对WebView组件的使用讲解，可以让各位了解到WebView组件的详细使用：  
一、网络内容  
1、LoadUrl直接显示网页内容(单独显示网络图片)  
比如：  webView.loadUrl("http://www.google.com");   
2、LoadData显示中文网页内容(含空格的处理)

webView.loadData( URLEncoder .encode(data, encoding)," text/html ", " utf-8 ");    
**二、本地文件内容**  
比如：webView.loadUrl("file:///android\_asset/test.html");    
**三、APK包内文件**  
1、LoadUrl显示APK中Html和图片文件

webView. loadUrl ("file:/// android\_asset /test.html");

webView. loadUrl ("file:/// android\_asset /icon.png");

对于APK本地文件应该存放在其Android工程的 assets  文件中,url为 file:///android\_asset/开 头的形式，  
比如 webView.loadUrl("file:///android\_asset/XX.html")，

**四、**使用 loadDataWithBaseURL 进行本地数据与网络文件的混合显示。

我可以在本地数据中引用一些网络文件，这就可以让 本地数据与网络文件的混合显示 。

在引用文件时，可以采用觉得URL，也可以使用相对URL。使用相对URL时，请采用loadDataWithBaseURL，以引用文件的指明起始地址。  
示例1 ：

String baseURL= "http://img6.ph.126.net ";

String data="Here is a gorgeous girl <img src=' hBiG96B8egigBULxUWcOpA==/109212290980771276.jpg '>";

webView .loadDataWithBaseURL ( baseURL ,  data , "text/html",  "utf-8", "");

运行结果见图二。  
**注意**：需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。  
  <uses-permission android:name="android.permission.INTERNET" />  
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>   
       
    < ?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 = "测试含有 中文的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 = "测试本地图片和文字混合显示,这是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组件的使用详解，如果您对WebView组件及Android开发有什么新的使用心得可以发Email：zhousn@51cto.com，51CTO将与您一起分享！

**图2**：

![WebView详解（基本显示篇） - hubingforever - 民主与科学][WebView_ - hubingforever -]

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！[https://blog.csdn.net/jiangjunshow][https_blog.csdn.net_jiangjunshow]

[http_developer.51cto.com_art_201008_216488.htm]: http://developer.51cto.com/art/201008/216488.htm
[WebView_ - hubingforever -]: http://img7.ph.126.net/wolVayvwQfpj-kAqAQYMLw==/1288029493445248537.jpg
[https_blog.csdn.net_jiangjunshow]: https://blog.csdn.net/jiangjunshow/article/details/77338485