1.先看效果
加載動(dòng)畫
加載完成瓮栗，注意當(dāng)前為飛行模式!
2.使用
1.讓你的javabean實(shí)現(xiàn)OffLineLevelItem接口，因?yàn)槲业倪@個(gè)離線閱讀支持多級(jí)下載摧玫，比如Demo中的每個(gè)頻道下面的第一頁(yè)item都可以緩存推穷。
package com.zgh.offlinereader;
import java.util.List;
/**
* Created by zhuguohui on 2016/6/7.
*/
public interface OffLineLevelItem {
//是否有下一級(jí)
boolean haveNextLevel();
//內(nèi)容url
String getWebUrl();
//下一級(jí)的url
String getNextLevelListUrl();
//生成下一級(jí)
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.啟動(dòng)
@Override
public void onClick(View v) {
Intent intent=new Intent(this, OfflineReaderServer.class);
startService(intent);
}
4.記得在你的webview使用前調(diào)用
//設(shè)置緩存目錄
WebViewHelper.setWebViewConfig(webView);
就這么簡(jiǎn)單慧耍！
實(shí)現(xiàn)
首先我們?yōu)槭裁匆褂脀ebview實(shí)現(xiàn)離線閱讀，因?yàn)楹?jiǎn)單概龄。webview自帶的緩存機(jī)制可以實(shí)現(xiàn)圖片还惠，js,css的緩存。不然你自己得實(shí)現(xiàn)數(shù)據(jù)庫(kù)私杜，html下載蚕键，js下載救欧，css保存，html的拼裝锣光。下面我將講解一些webview設(shè)置緩存笆怠，實(shí)現(xiàn)多級(jí)下載，webview遍歷url誊爹，webview顯示完成監(jiān)聽蹬刷。
1.WebView設(shè)置緩存
這一部分比較簡(jiǎn)單，主要是緩存目錄的設(shè)置频丘，然后設(shè)置緩存模式為WebSettings.LOAD_CACHE_ELSE_NETWORK办成，這種模式下webview會(huì)優(yōu)先加載本地緩存，如果沒(méi)有緩存的話再加載網(wǎng)絡(luò)搂漠。
mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);
// 建議緩存策略為迂卢，判斷是否有網(wǎng)絡(luò)，有的話状答，使用LOAD_DEFAULT,無(wú)網(wǎng)絡(luò)時(shí)冷守，使用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ù)庫(kù)緩存路徑
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.多級(jí)緩存
我的項(xiàng)目中需要將每個(gè)頻道的首頁(yè)中的每個(gè)item都緩存下來(lái)，所以涉及到多級(jí)緩存于是我設(shè)計(jì)了一個(gè)接口在離線閱讀的時(shí)候最重要的是拿到葉子節(jié)點(diǎn)也就是每個(gè)item的url地址惊科，如果是每葉子節(jié)點(diǎn)也就是haveNextLevel（）返回true的時(shí)候就調(diào)用getNextLevelListUrl獲取下一級(jí)的url，一般都是Jason字符串亮钦，再把json字符串傳入getNextLevelList（）方法獲取下一級(jí)馆截，如果到達(dá)葉子節(jié)點(diǎn)，則調(diào)用getWebUrl()獲取url地址保存在一個(gè)集合中蜂莉，當(dāng)所有的url都獲取以后蜡娶，就開始用webview遍歷url實(shí)現(xiàn)緩存。
public interface OffLineLevelItem {
//是否有下一級(jí)
boolean haveNextLevel();
//內(nèi)容url
String getWebUrl();
//下一級(jí)的url
String getNextLevelListUrl();
//生成下一級(jí)
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)然為了獲取到頻道列表需要一個(gè)第一級(jí)的目錄映穗，而這個(gè)目錄在初始化的時(shí)候就設(shè)置進(jìn)去了窖张。
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，我原來(lái)的思路是給webview設(shè)置WebViewClient然后重寫onPageFinished方法蚁滋，在這個(gè)方法中獲取下一個(gè)需要換成的url宿接，然后再調(diào)用webview.loadurl()結(jié)果是很多頁(yè)面加載出來(lái)是空的。而且在Android4.4以上onPageFinished會(huì)調(diào)用兩次
于是乎辕录，我重寫了WebView的OnDraw()方法睦霎，在OnDraw()方法里設(shè)置了一個(gè)監(jiān)聽回調(diào)，但是由于我的WebView是在Service中創(chuàng)建的所以ondraw方法根本不會(huì)調(diào)用走诞，但是這難得的我嗎副女？，呵呵蚣旱，于是我在service的onCreat方法中使用WindowManger將webview添加到屏幕碑幅，長(zhǎng)寬都是一個(gè)像素
@Override
public void onCreate() {
super.onCreate();
if (!haveInit) {
throw new RuntimeException("請(qǐng)先調(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é)果還是很明顯的大部分的頁(yè)面都能緩存下來(lái)，但是任然有部分頁(yè)面是空白的沟涨，后來(lái)發(fā)現(xiàn)webview的OnDraw()方法會(huì)多次持續(xù)恤批，webview的頁(yè)面加載時(shí)間隙的，于是參考這篇文章如何監(jiān)聽WebView顯示事件拷窜，我通過(guò)getContentHeight()判斷內(nèi)容高度來(lái)實(shí)現(xiàn)顯示完成的監(jiān)聽开皿，結(jié)果任然不理想。于是我最終版是這樣的
/**
* 可以監(jiān)聽顯示完成的webview
* Created by zhuguohui on 2016/6/24.
*/
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比較篮昧，如果比上一次大赋荆，說(shuō)明還在加載
if(getContentHeight()>=contentHeight){
//更新contentHeight
contentHeight=getContentHeight();
//取消消息
handler.removeMessages(MSG_FINISH);
//延遲200ms發(fā)送，如果在200ms內(nèi)webview又加載了則這條消息會(huì)被取消懊昨，知道webview加載完成窄潭，
//這條消息會(huì)被發(fā)送，所以每離線一個(gè)頁(yè)面有200ms的延遲酵颁，但是與功能相比這點(diǎn)是可以接受的嫉你。
handler.sendEmptyMessageDelayed(MSG_FINISH,200);
}
}
public interface OnLoadFinishListenter{
void onFinish();
}
private OnLoadFinishListenter finishListenter;
public void setFinishListenter(OnLoadFinishListenter listenter){
finishListenter=listenter;
}
}
3.進(jìn)度提示
為了讓用戶知道離線的進(jìn)度我抽取出了一個(gè)接口
/**
* Created by zhuguohui on 2016/6/8.
*/
public interface OffLineProgressUI {
void showProgress();
void closeProgress();
void updateProgress(int progress);
}
并默認(rèn)實(shí)現(xiàn)了一個(gè)水波紋的進(jìn)度球
設(shè)置進(jì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;
}
更多內(nèi)容請(qǐng)看我的Demo躏惋。
