Android开发之WebView组件的使用详解

移动开发 Android
本文希望通过本次对WebView组件的使用讲解,可以让各位了解到WebView组件的详细使用方法。

51CTO曾经独家推荐过Android开发应用详解的专题,本文希望通过本次对WebView组件的使用讲解,可以让各位了解到WebView组件的详细使用:

网络内容

1、LoadUrl直接显示网页内容(单独显示网络图片)

2、LoadData显示中文网页内容(含空格的处理)

APK包内文件

1、LoadUrl显示APK中Html和图片文件

2、LoadData(loadDataWithBaseURL)显示APK中图片和文字混合的Html内容

res/layout/main.xml

Xml代码

  1.   < ?xml version="1.0" encoding="utf-8"?> 
  2.  
  3.   < LINEARLAYOUT android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"> 
  4.  
  5.   < WEBVIEW android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webview" /> 
  6.  
  7.   < /LINEARLAYOUT> 
  8.  
  9.   < ?xml version="1.0" encoding="utf-8"?> 
  10.  
  11.   < LINEARLAYOUT android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"> 
  12.  
  13.   < WEBVIEW android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webview" /> 
  14.  
  15.   < /LINEARLAYOUT> 
  16.  
  17.   Example_webview.java 

Java代码

  1.   package cn.coolworks;  
  2.  
  3.   import java.net.URLEncoder;  
  4.  
  5.   import android.app.Activity;  
  6.  
  7.   import android.os.Bundle;  
  8.  
  9.   import android.webkit.WebView;  
  10.  
  11.   public class Example_webview extends Activity {  
  12.  
  13.   WebView webView;  
  14.  
  15.   final String mimeType = "text/html";  
  16.  
  17.   final String encoding = "utf-8";  
  18.  
  19.   /** Called when the activity is first created. */  
  20.  
  21.   @Override  
  22.  
  23.   public void onCreate(Bundle savedInstanceState) {  
  24.  
  25.   super.onCreate(savedInstanceState);  
  26.  
  27.   setContentView(R.layout.main);  
  28.  
  29.   webView = (WebView) findViewById(R.id.webview);  
  30.  
  31.   webView.getSettings().setJavaScriptEnabled(true);  
  32.  
  33.  //  
  34.  
  35.   //webHtml();  
  36.  
  37.   //  
  38.  
  39.   //webImage();  
  40.  
  41.   //  
  42.  
  43.   //localHtmlZh();  
  44.  
  45.   //  
  46.  
  47.   //localHtmlBlankSpace();  
  48.  
  49.   //  
  50.  
  51.   //localHtml();  
  52.  
  53.   //  
  54.  
  55.   // localImage();  
  56.  
  57.   //  
  58.  
  59.   localHtmlImage();  
  60.  
  61.   }  
  62.  
  63.   /**  
  64.  
  65. * 直接网页显示  
  66.  
  67.   */  
  68.  
  69.   private void webHtml() {  
  70.  
  71.   try {  
  72.  
  73.   webView.loadUrl("http://www.google.com");  
  74.  
  75.   } catch (Exception ex) {  
  76.  
  77.   ex.printStackTrace();  
  78.  
  79.   }  
  80.  
  81.   }  
  82.  
  83.   /**  
  84.  
  85.   * 直接网络图片显示  
  86.  
  87.   */  
  88.  
  89.   private void webImage() {  
  90.  
  91.   try {  
  92.  
  93.   webView  
  94.  
  95.   .loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png");  
  96.  
  97.   } catch (Exception ex) {  
  98.  
  99.   ex.printStackTrace();  
  100.  
  101.   }  
  102.  
  103.   }  
  104.  
  105.   /**  
  106.  
  107.   * 中文显示  
  108.  
  109.   */  
  110.  
  111.   private void localHtmlZh() {  
  112.  
  113.   try {  
  114.  
  115.   String data = "测试含有 中文的Html数据";  
  116.  
  117.   // utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)  
  118.  
  119.   //webView.loadData(data, mimeType, encoding);  
  120.  
  121.   // 对数据进行编码处理(SDK1.5版本)  
  122.  
  123.   webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
  124.  
  125.   encoding);  
  126.  
  127.   } catch (Exception ex) {  
  128.  
  129.   ex.printStackTrace();  
  130.  
  131.   }  
  132.  
  133.   }  
  134.  
  135.   /**  
  136.  
  137.   * 中文显示(空格的处理)  
  138.  
  139.   */  
  140.  
  141.   private void localHtmlBlankSpace() {  
  142.  
  143.   try {  
  144.  
  145.   String data = " 测试含有空格的Html数据 ";  
  146.  
  147.   // 不对空格做处理  
  148.  
  149.   webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
  150.  
  151.   encoding);  
  152.  
  153.   //webView.loadData(data, mimeType, encoding);  
  154.  
  155.   // 对空格做处理(在SDK1.5版本中)  
  156.  
  157.   webView.loadData(URLEncoder.encode(data, encoding).replaceAll(  
  158.  
  159.   "\+", " "), mimeType, encoding);  
  160.  
  161. } catch (Exception ex) {  
  162.  
  163.   ex.printStackTrace();  
  164.  
  165.   }  
  166.  
  167.   }  
  168.  
  169.   /**  
  170.  
  171.   * 显示本地图片文件  
  172.  
  173.   */  
  174.  
  175.   private void localImage() {  
  176.  
  177.   try {  
  178.  
  179.   // 本地文件处理(如果文件名中有空格需要用+来替代)  
  180.  
  181.   webView.loadUrl("file:///android_asset/icon.png");  
  182.  
  183.   } catch (Exception ex) {  
  184.  
  185.   ex.printStackTrace();  
  186.  
  187.   }  
  188.  
  189.   }  
  190.  
  191.   /**  
  192.  
  193.   * 显示本地网页文件  
  194.  
  195.   */  
  196.  
  197.   private void localHtml() {  
  198.  
  199.   try {  
  200.  
  201.   // 本地文件处理(如果文件名中有空格需要用+来替代)  
  202.  
  203.   webView.loadUrl("file:///android_asset/test.html");  
  204.  
  205.   } catch (Exception ex) {  
  206.  
  207.   ex.printStackTrace();  
  208.  
  209.   }  
  210.  
  211.   }  
  212.  
  213.   /**  
  214.  
  215.   * 显示本地图片和文字混合的Html内容  
  216.  
  217.   */  
  218.  
  219.   private void localHtmlImage() {  
  220.  
  221.   try {  
  222.  
  223.   String data = "测试本地图片和文字混合显示,这是APK里的图片";  
  224.  
  225.   // SDK1.5本地文件处理(不能显示图片)  
  226.  
  227.   // webView.loadData(URLEncoder.encode(data, encoding), mimeType,  
  228.  
  229.   // encoding);  
  230.  
  231.   // SDK1.6及以后版本  
  232.  
  233.   // webView.loadData(data, mimeType, encoding);  
  234.  
  235.   // 本地文件处理(能显示图片)  
  236.  
  237.   webView.loadDataWithBaseURL("about:blank", data, mimeType,  
  238.  
  239.   encoding, "");  
  240.  
  241.   } catch (Exception ex) {  
  242.  
  243.   ex.printStackTrace();  
  244.  
  245.   }  
  246.  
  247.   }  
  248.  
  249.   } 

 

  1.   

这就是WebView组件的使用详解,如果您对WebView组件及Android开发有什么新的使用心得可以发Email:zhousn@51cto.com,51CTO将与您一起分享!

【编辑推荐】

  1. ******的Android开发类说明 
  2. 对Android开发技巧进行全解析 
  3. 阐述Android开发过程中的难题 
  4. 探索***的Android开发环境内容 
  5. Android开发中的窗口小部件App Widgets 
责任编辑:佚名 来源: cnmsdn
相关推荐

2010-02-03 15:59:08

Android组件

2016-10-24 14:04:24

2012-12-26 12:41:14

Android开发WebView

2013-09-13 13:15:28

AndroidWebViewJavaScript

2015-03-03 15:53:31

Android控件

2011-04-12 08:40:23

IMFAndroid

2013-01-06 12:23:59

Android开发SQLite数据库

2021-12-20 10:07:39

鸿蒙HarmonyOS应用

2011-09-13 17:03:16

Eclipse And

2011-07-18 14:39:53

iPhone SDK UIKit

2013-12-25 09:34:26

Android SDKAndroid组件

2009-09-16 13:05:32

C#组件开发

2013-01-10 14:21:24

Android开发组件Activities

2021-03-23 14:59:37

GoogleAndroidWebView

2009-04-10 09:06:16

Windows Emb

2021-03-26 08:20:51

SpringBoot读写分离开发

2023-07-07 08:36:45

配置注解jar

2014-12-17 11:09:39

Hybrid AppWebView装载页面

2011-02-28 13:04:27

RelativeLayAndroid Wid

2017-07-14 09:29:45

AndroidWebview
点赞
收藏

51CTO技术栈公众号