快捷導(dǎo)航

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

更新時間：2022年05月20日 09:23:41 作者：不羈的木木

這篇文章主要為大家詳細介紹了Android控件WebView實現(xiàn)完整截圖，具有一定的參考價值，感興趣的小伙伴們可以參考一下

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

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

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

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

注意：開啟這個功能會提高性能開銷。

我先貼一下截圖的代碼：

public static boolean getFullWebViewSnapshot(WebView webView, String savePath) {
    //重新調(diào)用WebView的measure方法測量實際View的大?。▽y量模式設(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的緩存(當開啟這個開關(guān)后下次調(diào)用getDrawingCache()方法的時候會把view繪制到一個bitmap上)
    webView.setDrawingCacheEnabled(true);
    //強制繪制緩存（必須在setDrawingCacheEnabled(true)之后才能調(diào)用，否者需要手動調(diào)用destroyDrawingCache()清楚緩存）
    webView.buildDrawingCache();
    //根據(jù)測量結(jié)果創(chuàng)建一個大小一樣的bitmap
    Bitmap picture = Bitmap.createBitmap(webView.getMeasuredWidth(),
        webView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
    //已picture為背景創(chuàng)建一個畫布
    Canvas canvas = new Canvas(picture); // 畫布的寬高和 WebView 的網(wǎng)頁保持一致
    Paint paint = new Paint();
    //設(shè)置畫筆的定點位置，也就是左上角
    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;
    }
  }

其實很簡單，思路是這樣的：