Android控件WebView实现完整截图

时间:2021-07-25 08:48:14

最近总能看到好多APP都支持文章和网页的长截图,出于好奇研究了一下,分享给大家。

网上有好多的例子,其中好多都是已经过时的就不在复述了,我发现有一种还是比较通用的方法。

?
1
2
3
4
//android 5.0 之后需要开启浏览器的整体缓存才能截取整个Web
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
  WebView.enableSlowWholeDocumentDraw();
}

首先需要在WebView初始化之前(一般就是setContentView()方法调用之前)调用WebView的enableSlowWholeDocumentDraw()方法,开启WebView的Html缓存。因为在Android5.0之后Android系统上为了提升性能,在WebView增加了一个只渲染当前可见的Html的Document的特性。所以如果不开启这个功能的话我们截图的时候就只能得到部分网页的截图。

注意:开启这个功能会提高性能开销。

我先贴一下截图的代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
public static boolean getFullWebViewSnapshot(WebView webView, String savePath) {
    //重新调用WebView的measure方法测量实际View的大小(将测量模式设置为UNSPECIFIED模式也就是需要多大就可以获得多大的空间)
    webView.measure(View.MeasureSpec.makeMeasureSpec(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED),
        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
    //调用layout方法设置布局(使用新测量的大小)
    webView.layout(0, 0, webView.getMeasuredWidth(), webView.getMeasuredHeight());
    //开启WebView的缓存(当开启这个开关后下次调用getDrawingCache()方法的时候会把view绘制到一个bitmap上)
    webView.setDrawingCacheEnabled(true);
    //强制绘制缓存(必须在setDrawingCacheEnabled(true)之后才能调用,否者需要手动调用destroyDrawingCache()清楚缓存)
    webView.buildDrawingCache();
    //根据测量结果创建一个大小一样的bitmap
    Bitmap picture = Bitmap.createBitmap(webView.getMeasuredWidth(),
        webView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
    //已picture为背景创建一个画布
    Canvas canvas = new Canvas(picture); // 画布的宽高和 WebView 的网页保持一致
    Paint paint = new Paint();
    //设置画笔的定点位置,也就是左上角
    canvas.drawBitmap(picture, 0, webView.getMeasuredHeight(), paint);
    //将webview绘制在刚才创建的画板上
    webView.draw(canvas);
    try {
      //将bitmap保存到SD卡
      FileTools.saveBitmap(picture, savePath);
      return true;
    } catch (IOException e) {
      e.printStackTrace();
      return false;
    }
  }

其实很简单,思路是这样的:

  • 通过WebView的measure方法重新测量webview的整个大小;
  • 创建一个bitmap,它的大小和webview的真实大小一样;
  • 将webview绘制到bitmap上;
  • 将bitmap保存到SD卡上;

这样基本能实现一个WebView的整体截图功能。当然还不是很完善,有空再补充一下。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/qiaomu8559968/article/details/78924381