Android使用WebView實現(xiàn)離線閱讀功能
1、先看效果圖，加載動畫：
加載完成，注意當(dāng)前為飛行模式!
2、使用
1)、讓你的javabean實現(xiàn)OffLineLevelItem接口，因為我的這個離線閱讀支持多級下載，比如Demo中的每個頻道下面的第一頁item都可以緩存。
package com.zgh.offlinereader;
import java.util.List;
public interface OffLineLevelItem {
//是否有下一級
boolean haveNextLevel();
//內(nèi)容url
String getWebUrl();
//下一級的url
String getNextLevelListUrl();
//生成下一級
List<OffLineLevelItem> getNextLevelList(String jsonStr);
}
public class Channel implements OffLineLevelItem {
String title;
String url;
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
@Override
public boolean haveNextLevel() {
return true;
}
@Override
public String getWebUrl() {
return null;
}
@Override
public String getNextLevelListUrl() {
return url;
}
@Override
public List<OffLineLevelItem> getNextLevelList(String jsonStr) {
List<OffLineLevelItem> items = GsonUtil.jsonToBeanList(jsonStr, NewsItem.class);
return items;
}
}
2)、初始化
OfflineReaderServer.init(this, getCacheDir(), new MyFirstLevel(),new WaterWaveProgressUI(this));
3)、啟動
@Override
public void onClick(View v) {
Intent intent=new Intent(this, OfflineReaderServer.class);
startService(intent);
}
4)、記得在你的webview使用前調(diào)用
//設(shè)置緩存目錄
WebViewHelper.setWebViewConfig(webView);
就這么簡單！
實現(xiàn)
首先我們?yōu)槭裁匆褂脀ebview實現(xiàn)離線閱讀，因為簡單。webview自帶的緩存機制可以實現(xiàn)圖片，js,css的緩存。不然你自己得實現(xiàn)數(shù)據(jù)庫，html下載，js下載，css保存，html的拼裝。下面我將講解一些webview設(shè)置緩存，實現(xiàn)多級下載，webview遍歷url，webview顯示完成監(jiān)聽。
1.WebView設(shè)置緩存
這一部分比較簡單，主要是緩存目錄的設(shè)置，然后設(shè)置緩存模式為：
WebSettings.LOAD_CACHE_ELSE_NETWORK
這種模式下webview會優(yōu)先加載本地緩存，如果沒有緩存的話再加載網(wǎng)絡(luò)。
mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);
// 建議緩存策略為，判斷是否有網(wǎng)絡(luò)，有的話，使用LOAD_DEFAULT,無網(wǎng)絡(luò)時，使用LOAD_CACHE_ELSE_NETWORK
mWebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); // 設(shè)置緩存模式
// 開啟DOM storage API 功能
mWebView.getSettings().setDomStorageEnabled(true);
// 開啟database storage API功能
mWebView.getSettings().setDatabaseEnabled(true);
// String cacheDirPath = getFilesDir().getAbsolutePath()
// + APP_CACHE_DIRNAME;
String cacheDirPath = ConfigUtil.getCacheDir()
+ APP_CACHE_DIRNAME;
Log.i(TAG, "cachePath=" + cacheDirPath);
// 設(shè)置數(shù)據(jù)庫緩存路徑
mWebView.getSettings().setDatabasePath(cacheDirPath); // API 19 deprecated
// 設(shè)置Application caches緩存目錄
mWebView.getSettings().setAppCachePath(cacheDirPath);
// 開啟Application Cache功能
mWebView.getSettings().setAppCacheEnabled(true);
mWebView.getSettings().setAppCacheMaxSize(MAX_SIZE);
2.多級緩存
我的項目中需要將每個頻道的首頁中的每個item都緩存下來，所以涉及到多級緩存于是我設(shè)計了一個接口在離線閱讀的時候最重要的是拿到葉子節(jié)點也就是每個item的url地址，如果是每葉子節(jié)點也就是haveNextLevel（）返回true的時候就調(diào)用getNextLevelListUrl獲取下一級的url，一般都是Jason字符串，再把json字符串傳入getNextLevelList（）方法獲取下一級，如果到達葉子節(jié)點，則調(diào)用getWebUrl()獲取url地址保存在一個集合中，當(dāng)所有的url都獲取以后，就開始用webview遍歷url實現(xiàn)緩存。
public interface OffLineLevelItem {
//是否有下一級
boolean haveNextLevel();
//內(nèi)容url
String getWebUrl();
//下一級的url
String getNextLevelListUrl();
//生成下一級
List<OffLineLevelItem> getNextLevelList(String jsonStr);
}
頻道的javabean
public class Channel implements OffLineLevelItem {
String title;
String url;
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
@Override
public boolean haveNextLevel() {
return true;
}
@Override
public String getWebUrl() {
return null;
}
@Override
public String getNextLevelListUrl() {
return url;
}
@Override
public List<OffLineLevelItem> getNextLevelList(String jsonStr) {
List<OffLineLevelItem> items = GsonUtil.jsonToBeanList(jsonStr, NewsItem.class);
return items;
}
}
item的javabean
public class NewsItem implements OffLineLevelItem{
String title;
String url;
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
@Override
public String toString() {
return title;
}
@Override
public boolean haveNextLevel() {
return false;
}
@Override
public String getWebUrl() {
return url;
}
@Override
public String getNextLevelListUrl() {
return null;
}
@Override
public List<OffLineLevelItem> getNextLevelList(String jsonStr) {
return null;
}
}
當(dāng)然為了獲取到頻道列表需要一個第一級的目錄，而這個目錄在初始化的時候就設(shè)置進去了。
public class MyFirstLevel implements OffLineLevelItem {
@Override
public boolean haveNextLevel() {
return true;
}
@Override
public String getWebUrl() {
return null;
}
@Override
public String getNextLevelListUrl() {
return "raw://news_list";
}
@Override
public List<OffLineLevelItem> getNextLevelList(String jsonStr) {
List<OffLineLevelItem> items = GsonUtil.jsonToBeanList(jsonStr, Channel.class);
return items;
}
}
3.使用WebView遍歷URL，我原來的思路是給webview設(shè)置WebViewClient然后重寫onPageFinished方法，在這個方法中獲取下一個需要換成的url，然后再調(diào)用webview.loadurl()結(jié)果是很多頁面加載出來是空的。而且在Android4.4以上onPageFinished會調(diào)用兩次
于是乎，我重寫了WebView的OnDraw()方法，在OnDraw()方法里設(shè)置了一個監(jiān)聽回調(diào)，但是由于我的WebView是在Service中創(chuàng)建的所以ondraw方法根本不會調(diào)用，但是這難得的我嗎？，呵呵，于是我在service的onCreat方法中使用WindowManger將webview添加到屏幕，長寬都是一個像素
@Override
public void onCreate() {
super.onCreate();
if (!haveInit) {
throw new RuntimeException("請先調(diào)用init()方法，初始化OfflineReaderServer");
}
windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
params=new WindowManager.LayoutParams();
params.type = WindowManager.LayoutParams.TYPE_TOAST;
params.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
| WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
params.gravity = Gravity.LEFT | Gravity.TOP;
params.width = 1;
params.height = 1;
initWebView();
windowManager.addView(mWebView,params);
}
結(jié)果還是很明顯的大部分的頁面都能緩存下來，但是任然有部分頁面是空白的，后來發(fā)現(xiàn)webview的OnDraw()方法會多次持續(xù)，webview的頁面加載時間隙的，我通過getContentHeight()判斷內(nèi)容高度來實現(xiàn)顯示完成的監(jiān)聽，結(jié)果任然不理想。于是我最終版是這樣的
/**
* 可以監(jiān)聽顯示完成的webview
*/
public class LoadWebView extends WebView {
private boolean isRendered = false;
private static final int MSG_FINISH=1;
private static final int MIN_CONTENT_HEIGHT=1000;
public LoadWebView(Context context) {
this(context, null);
}
public LoadWebView(Context context, AttributeSet attrs) {
super(context, attrs);
}
private int contentHeight=MIN_CONTENT_HEIGHT;
Handler handler=new Handler(Looper.getMainLooper()){
@Override
public void handleMessage(Message msg) {
if(msg.what==MSG_FINISH) {
if (finishListenter != null) {
finishListenter.onFinish();
contentHeight=MIN_CONTENT_HEIGHT;
}
}
}
};
@Override
protected void onDraw(Canvas canvas) {
//與上一次的contentHeight比較，如果比上一次大，說明還在加載
if(getContentHeight()>=contentHeight){
//更新contentHeight
contentHeight=getContentHeight();
//取消消息
handler.removeMessages(MSG_FINISH);
//延遲200ms發(fā)送，如果在200ms內(nèi)webview又加載了則這條消息會被取消，知道webview加載完成，
//這條消息會被發(fā)送，所以每離線一個頁面有200ms的延遲，但是與功能相比這點是可以接受的。
handler.sendEmptyMessageDelayed(MSG_FINISH,200);
}
}
public interface OnLoadFinishListenter{
void onFinish();
}
private OnLoadFinishListenter finishListenter;
public void setFinishListenter(OnLoadFinishListenter listenter){
finishListenter=listenter;
}
}
3、進度提示
為了讓用戶知道離線的進度我抽取出了一個接口
public interface OffLineProgressUI {
void showProgress();
void closeProgress();
void updateProgress(int progress);
}
并默認(rèn)實現(xiàn)了一個水波紋的進度球
設(shè)置進度提示有兩種方式，一種是在初始化的時候設(shè)置
OfflineReaderServer.init(this, getCacheDir(), new MyFirstLevel(),new WaterWaveProgressUI(this));
還有一種是調(diào)用OfflineReaderServer的setProgressUI方法
public static void setProgressUI(@NonNull OffLineProgressUI progressUI) {
sProgressUI = progressUI;
}
源碼地址：
https://github.com/zhuguohui/OffLineReaderDem
以上就是Android使用WebView實現(xiàn)離線閱讀功能的詳細(xì)內(nèi)容，更多關(guān)于Android 實現(xiàn)離線閱讀功能的資料請關(guān)注腳本之家其它相關(guān)文章！
- Android WebView如何判定網(wǎng)頁加載的錯誤
- Android webView字體突然變小的原因及解決
- Android 解決WebView多進程崩潰的方法
- Android 中 WebView 的基本用法詳解
- 在Android環(huán)境下WebView中攔截所有請求并替換URL示例詳解
- 解決Android webview設(shè)置cookie和cookie丟失的問題
- Android 如何從零開始寫一款書籍閱讀器的示例
- Android實現(xiàn)閱讀進度記憶功能
- android閱讀器長按選擇文字功能實現(xiàn)代碼
- android仿新聞閱讀器菜單彈出效果實例（附源碼DEMO下載）
- Android實現(xiàn)閱讀APP平移翻頁效果
- Android編程實現(xiàn)小說閱讀器滑動效果的方法
相關(guān)文章
現(xiàn)在滑動效果用的比較多,尤其是在手機端上面,本文介紹了Android實現(xiàn)局部圖片滑動指引效果示例,現(xiàn)在就分享給大家,也給大家做個參考。2016-10-10
淺談Android AsyncTask內(nèi)存安全的一種使用方式
這篇文章主要介紹了淺談Android AsyncTask內(nèi)存安全的一種使用方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Android Support Annotations資料整理
這篇文章主要介紹了Android Support Annotations資料整理的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android ViewPager相冊橫向移動的實現(xiàn)方法
本篇文章小編為大家介紹，Android ViewPager相冊橫向移動的實現(xiàn)方法。需要的朋友參考下2013-04-04
Android TreeView效果實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了Android TreeView效果實現(xiàn)方法,結(jié)合實例形式分析了Android TreeView效果的實現(xiàn)原理與具體技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了詳解android 人臉檢測你一定會遇到的坑,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Android中AnimationDrawable使用的簡單實例
這篇文章介紹了Android中AnimationDrawable使用的簡單實例，有需要的朋友可以參考一下2013-10-10
Kotlin by lazy關(guān)鍵字深入探究實現(xiàn)原理
這篇文章主要介紹了by lazy，在kotlin中使用是很常見的，用于實現(xiàn)懶加載某個數(shù)據(jù)。而這兩個單詞不是一體的，其中by是kotlin中的關(guān)鍵字，用于實現(xiàn)委托；lazy是一個方法，他的返回值是委托的具體對象2022-11-11
Android制作登錄頁面并且記住賬號密碼功能的實現(xiàn)代碼
這篇文章主要介紹了Android制作登錄頁面并且記住賬號密碼功能的實現(xiàn)代碼，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
最新小編接到這樣一個項目，需要在一個距形卡片上做一個傾斜的Tag，類似支付寶上的一個功能，接著小編給大家?guī)砹藢崿F(xiàn)思路，對android 傾斜角標(biāo)的實現(xiàn)方法感興趣的朋友跟隨小編一起看看吧2019-10-10