Android控件WebView實(shí)現(xiàn)完整截圖

2019-10-22 18:11:58

字體：大中小

供稿：網(wǎng)友

最近總能看到好多APP都支持文章和網(wǎng)頁的長截圖，出于好奇研究了一下，分享給大家。

網(wǎng)上有好多的例子，其中好多都是已經(jīng)過時(shí)的就不在復(fù)述了，我發(fā)現(xiàn)有一種還是比較通用的方法。

//android 5.0 之后需要開啟瀏覽器的整體緩存才能截取整個(gè)Webif (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {  WebView.enableSlowWholeDocumentDraw();}

首先需要在WebView初始化之前（一般就是setContentView（）方法調(diào)用之前）調(diào)用WebView的enableSlowWholeDocumentDraw（）方法，開啟WebView的Html緩存。因?yàn)樵贏ndroid5.0之后Android系統(tǒng)上為了提升性能，在WebView增加了一個(gè)只渲染當(dāng)前可見的Html的Document的特性。所以如果不開啟這個(gè)功能的話我們截圖的時(shí)候就只能得到部分網(wǎng)頁的截圖。

注意：開啟這個(gè)功能會(huì)提高性能開銷。

我先貼一下截圖的代碼：

public static boolean getFullWebViewSnapshot(WebView webView, String savePath) {    //重新調(diào)用WebView的measure方法測量實(shí)際View的大小（將測量模式設(shè)置為UNSPECIFIED模式也就是需要多大就可以獲得多大的空間）    webView.measure(View.MeasureSpec.makeMeasureSpec(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED),        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));    //調(diào)用layout方法設(shè)置布局（使用新測量的大小）    webView.layout(0, 0, webView.getMeasuredWidth(), webView.getMeasuredHeight());    //開啟WebView的緩存(當(dāng)開啟這個(gè)開關(guān)后下次調(diào)用getDrawingCache()方法的時(shí)候會(huì)把view繪制到一個(gè)bitmap上)    webView.setDrawingCacheEnabled(true);    //強(qiáng)制繪制緩存（必須在setDrawingCacheEnabled(true)之后才能調(diào)用，否者需要手動(dòng)調(diào)用destroyDrawingCache()清楚緩存）    webView.buildDrawingCache();    //根據(jù)測量結(jié)果創(chuàng)建一個(gè)大小一樣的bitmap    Bitmap picture = Bitmap.createBitmap(webView.getMeasuredWidth(),        webView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);    //已picture為背景創(chuàng)建一個(gè)畫布    Canvas canvas = new Canvas(picture); // 畫布的寬高和 WebView 的網(wǎng)頁保持一致    Paint paint = new Paint();    //設(shè)置畫筆的定點(diǎn)位置，也就是左上角    canvas.drawBitmap(picture, 0, webView.getMeasuredHeight(), paint);    //將webview繪制在剛才創(chuàng)建的畫板上    webView.draw(canvas);    try {      //將bitmap保存到SD卡      FileTools.saveBitmap(picture, savePath);      return true;    } catch (IOException e) {      e.printStackTrace();      return false;    }  }

其實(shí)很簡單，思路是這樣的：