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

曾经独家推荐过Android开发应用详解的专题，本文希望通过本次对WebView组件的使用讲解，可以让各位了解到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>   
  
     
  
  　　< ?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：service@cdcxhl.com，将与您一起分享！

【编辑推荐】

******的Android开发类说明
对Android开发技巧进行全解析
阐述Android开发过程中的难题
探索***的Android开发环境内容
Android开发中的窗口小部件App Widgets

网站栏目：Android开发之WebView组件的使用详解
网站地址：http://www.shufengxianlan.com/qtweb/news44/352094.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容