Android——WebView组件的使用详解

最新推荐文章于 2025-08-08 23:51:41 发布

最新推荐文章于 2025-08-08 23:51:41 发布 · 71 阅读

文章标签：

#移动开发 #java

本文深入探讨了WebView组件的使用方法，包括如何直接显示网页内容、网络图片、中文网页内容以及如何在APK内加载HTML和图片文件。同时，展示了如何处理中文显示、空格显示以及本地文件加载问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

res/layout/main.xml

Xml代码

<?xmlversion="1.0"encoding="utf-8"?>
<LINEARLAYOUTandroid:layout_height="fill_parent"android:layout_width="fill_parent"android:orientation="vertical"xmlns:android="http://schemas.android.com/apk/res/android">
<WEBVIEWandroid: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代码

packagecn.coolworks;
importjava.net.URLEncoder;
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.webkit.WebView;
publicclassExample_webviewextendsActivity{
WebViewwebView;
finalStringmimeType="text/html";
finalStringencoding="utf-8";
/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView=(WebView)findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
//
//webHtml();
//
//webImage();
//
//localHtmlZh();
//
//localHtmlBlankSpace();
//
//localHtml();
//
//localImage();
//
localHtmlImage();
}
/**
*直接网页显示
*/
privatevoidwebHtml(){
try{
webView.loadUrl("http://www.google.com");
}catch(Exceptionex){
ex.printStackTrace();
}
}
/**
*直接网络图片显示
*/
privatevoidwebImage(){
try{
webView
.loadUrl("http://www.gstatic.com/codesite/ph/images/code_small.png");
}catch(Exceptionex){
ex.printStackTrace();
}
}
/**
*中文显示
*/
privatevoidlocalHtmlZh(){
try{
Stringdata="测试含有中文的Html数据";
//utf-8编码处理(在SDK1.5模拟器和真实设备上都将出现乱码,SDK1.6上能正常显示)
//webView.loadData(data,mimeType,encoding);
//对数据进行编码处理(SDK1.5版本)
webView.loadData(URLEncoder.encode(data,encoding),mimeType,
encoding);
}catch(Exceptionex){
ex.printStackTrace();
}
}
/**
*中文显示(空格的处理)
*/
privatevoidlocalHtmlBlankSpace(){
try{
Stringdata="测试含有空格的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(Exceptionex){
ex.printStackTrace();
}
}
/**
*显示本地图片文件
*/
privatevoidlocalImage(){
try{
//本地文件处理(如果文件名中有空格需要用+来替代)
webView.loadUrl("file:///android_asset/icon.png");
}catch(Exceptionex){
ex.printStackTrace();
}
}
/**
*显示本地网页文件
*/
privatevoidlocalHtml(){
try{
//本地文件处理(如果文件名中有空格需要用+来替代)
webView.loadUrl("file:///android_asset/test.html");
}catch(Exceptionex){
ex.printStackTrace();
}
}
/**
*显示本地图片和文字混合的Html内容
*/
privatevoidlocalHtmlImage(){
try{
Stringdata="测试本地图片和文字混合显示,这是<IMGsrc='\"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(Exceptionex){
ex.printStackTrace();
}
}
}

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 = "测试本地图片和文字混合显示,这是<IMGsrc='\"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(); } } }