天天看點

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

目前我在實作WebView上圖檔儲存的時候有兩種解決方案,下面簡單介紹吧。

      方案一:使用registerForContextMenu菜單,效果圖如下:

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

         這個使用比較簡單,步驟如下:

 1.注冊:

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

2.菜單添加條目:

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

3.處理點選事件,開始下載下傳:(ps 這裡就不實作下載下傳了!)

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

        這種方法實作WebView的下載下傳比較簡單,內建友善。

        第二種內建是模仿網易新聞的WebView檢視大圖,點選WebView上的單張圖檔,之後在新的界面使用Viewpager展示圖檔清單中的圖檔元素。效果圖:

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

   實作步驟如下:

1.添加js注入的映射對象。

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

2.添加注入的js

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

3.在網頁加載完成後,調用添加注入:

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

4.擷取圖檔清單和點選事件

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)

源碼已經放到github上,有興趣的可以去看看,位址:https://github.com/stormdzh/WebViewDownloadPic

Android WebView儲存圖檔的方式(模仿網易圖檔下載下傳邏輯)