【免费】AndroidWebView加载网页以及本地图片缓存问题_androidwebview加载本地图片,androidwebview加载本地图片资源-CSDN文库

共52个文件

class：17个

xml：11个

png：9个

Android

webview

加载网页

4星 · 超过85%的资源需积分: 0 104 浏览量 2015-03-03 17:55:07 上传评论 2 收藏 1.36MB ZIP 举报

在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序内部加载和显示网页内容，而无需离开应用。WebView不仅能够加载远程HTTP/HTTPS网址，还能处理本地HTML、CSS和JavaScript资源，极大地增强了应用的功能和用户体验。本文将深入探讨如何使用WebView加载网页以及本地图片，并解决缓存问题。一、WebView的基本使用 1. 初始化WebView：我们需要在布局XML文件中添加WebView组件，并在对应的Activity或Fragment中找到该组件。例如： ```xml <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 设置WebView属性：为了使WebView正常工作，需要设置一些关键属性，如WebSettings，用于配置加载网页的行为。 ```java WebView webView = findViewById(R.id.webView); WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); // 启用JavaScript settings.setDomStorageEnabled(true); // 允许DOM存储 settings.setCacheMode(WebSettings.LOAD_DEFAULT); // 默认加载策略 ``` 二、加载网页 1. 加载远程URL：使用`loadUrl()`方法加载网络地址。 ```java webView.loadUrl("http://example.com"); ``` 2. 监听网页加载状态：通过设置WebViewClient，我们可以监听网页加载的进度和状态。 ```java webView.setWebViewClient(new WebViewClient() { @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { // 页面开始加载 } @Override public void onPageFinished(WebView view, String url) { // 页面加载完成 } }); ``` 三、加载本地资源 1. 加载本地HTML文件：使用`loadDataWithBaseURL()`方法加载本地HTML文件。将HTML文件放入assets或res/raw目录下，然后加载。 ```java String htmlContent = "<html><body><img src='image.png'/></body></html>"; webView.loadDataWithBaseURL("file:///android_asset/", htmlContent, "text/html", "UTF-8", null); ``` 2. 显示本地图片：在HTML中引用本地图片时，需要使用正确的路径。对于放在assets或raw目录下的图片，路径应为`file:///android_asset/filename.png`或`file:///android_res/raw/filename.png`。四、加载SD卡资源 1. 访问SD卡中的资源需要权限：在AndroidManifest.xml中添加`READ_EXTERNAL_STORAGE`权限。 ```xml <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> ``` 2. 使用`file://`协议加载SD卡上的HTML文件和图片资源。确保文件路径正确，例如： ```java String sdCardPath = Environment.getExternalStorageDirectory().getPath(); webView.loadUrl("file://" + sdCardPath + "/path/to/your/file.html"); ``` 3. HTML中引用SD卡图片： ```html <img src="file:///sdcard/path/to/image.png"/> ``` 五、缓存管理 1. 开启离线缓存：可以通过设置WebSettings的缓存模式来控制加载策略。 ```java settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); ``` 2. 自定义缓存路径：可以指定一个目录作为WebView的缓存位置。 ```java File cacheDir = getCacheDir(); // 默认缓存目录 settings.setCachePath(cacheDir.getAbsolutePath()); ``` 3. 清理缓存：当需要清理WebView的缓存时，可以使用以下方法： ```java webView.clearCache(true); // 清除所有缓存，包括磁盘和内存 webView.clearHistory(); // 清除浏览历史 ``` 总结，Android的WebView组件提供了丰富的功能，能够加载远程和本地资源，同时支持缓存机制，提高用户体验。开发者需要根据实际需求调整其配置和行为，以实现最佳的加载效果和性能。在处理图片资源时，特别要注意路径的正确性，以及权限的获取，以保证应用在不同环境下都能正常运行。

资源推荐

资源详情

资源评论

收起资源包目录

WebViewDemo.zip （52个子文件）

WebViewDemo

AndroidManifest.xml 1KB

res

layout

activity_main.xml 1KB

drawable-ldpi

main.xml 263B

drawable-mdpi

ic_launcher.png 4KB

values-sw600dp

dimens.xml 203B

values-v11

styles.xml 334B

drawable-hdpi

ic_launcher.png 7KB

values-sw720dp-land

dimens.xml 277B

drawable-xhdpi

ic_launcher.png 12KB

values-v14

styles.xml 391B

drawable-xxhdpi

ic_launcher.png 24KB

values

strings.xml 228B

dimens.xml 220B

styles.xml 697B

src

com

example

webviewdemo

MainActivity.java 5KB

proguard-project.txt 781B

bin

classes

com

example

webviewdemo

MainActivity$1.class 886B

MainActivity$6.class 1KB

BuildConfig.class 355B

R.class 723B

MainActivity$5.class 888B

MainActivity.class 4KB

MainActivity$4.class 887B

R$layout.class 418B

R$attr.class 355B

R$style.class 446B

R$id.class 580B

R$string.class 487B

R$menu.class 403B

MainActivity$3.class 874B

R$dimen.class 476B

R$drawable.class 422B

MainActivity$2.class 888B

dexedLibs

android-support-v4-c71cb03f8007f7ce177f28f270154811.jar 185KB

AndroidManifest.xml 1KB

res

drawable-mdpi

ic_launcher.png 3KB

drawable-hdpi

ic_launcher.png 6KB

drawable-xhdpi

ic_launcher.png 9KB

drawable-xxhdpi

ic_launcher.png 17KB

WebViewDemo.apk 293KB

classes.dex 546KB

resources.ap_ 103KB

.classpath 475B

assets

index2.html 433B

index.html 497B

img

2.jpg 62KB

project.properties 563B

ic_launcher-web.png 50KB

libs

android-support-v4.jar 473KB

.project 847B

gen

com

example

webviewdemo

R.java 3KB

BuildConfig.java 165B

# To enable ProGuard in your project, edit project.properties # to define the proguard.config property as described in that file. # # Add project specific ProGuard rules here. # By default, the flags in this file are appended to flags specified # in ${sdk.dir}/tools/proguard/proguard-android.txt # You can edit the include path and order by changing the ProGuard # include property in project.properties. # # For more details, see # http://developer.android.com/guide/developing/tools/proguard.html # Add any project specific keep options here: # If your project uses WebView with JS, uncomment the following # and specify the fully qualified class name to the JavaScript interface # class: #-keepclassmembers class fqcn.of.javascript.interface.for.webview { # public *; #}

评论收藏

内容反馈