WebView本來自帶capturePicture截圖方法，但是在L后該方法被標記為廢棄，雖然還能用，官方建議用onDraw去替代實現(xiàn)。
WebView的長截圖是從頂部開始到頁面的最底部，即使是當前沒有展示出來的地方也會算進去，所以頁面越長，截圖也越長，占用內(nèi)存也會越大，而且不能指定縮放度來減小內(nèi)容占用。對于一些頁面的特殊布局效果可能有所偏差，比如底部懸浮塊，在截圖中不會放在最底部，而是直接在第一屏高度的底部位置，所以需要2端特殊處理。
// API 21+ 截長圖需要設(shè)置,必須在WebView初始化之前調(diào)用
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
WebView.enableSlowWholeDocumentDraw();
}
public class WebUtils {
/**
* 注意getContentHeight,capturePicture只能在UI線程調(diào)用，而繪制Bitmap是耗時操作
*/
public static Bitmap captureWebView(WebView webView) {
Bitmap bitmap;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
int height = (int) (webView.getContentHeight() * webView.getScale());
int width = webView.getMeasuredWidth();
bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
Canvas canvas = new Canvas(bitmap);
webView.draw(canvas);
} else {
Picture picture = webView.capturePicture();
bitmap = Bitmap.createBitmap(picture.getWidth(), picture.getHeight(), Bitmap.Config.RGB_565);
Canvas canvas = new Canvas(bitmap);
picture.draw(canvas);
}
return bitmap;
}
/**
* WebView長截圖：
* 必須在UI線程調(diào)用，返回結(jié)果在子線程操作，繪制Bitmap是耗時操作
* <br/>
* 這里不限制圖片大小，因為在有些手機全屏大小，有些手機會壓縮大小。
* 用完圖片需要回收，占用內(nèi)存較大。
*/
@UiThread
public static Callable<Bitmap> capture(final WebView webView) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
final int height = (int) (webView.getContentHeight() * webView.getScale());
final int width = webView.getMeasuredWidth();
return new Callable<Bitmap>() {
@WorkerThread
@Override
public Bitmap call() throws Exception {
Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
Canvas canvas = new Canvas(bitmap);
//noinspection WrongThread
webView.draw(canvas);
return bitmap;
}
};
} else {
final Picture picture = webView.capturePicture();
final int width = picture.getWidth();
final int height = picture.getHeight();
return new Callable<Bitmap>() {
@WorkerThread
@Override
public Bitmap call() throws Exception {
Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
Canvas canvas = new Canvas(bitmap);
picture.draw(canvas);
return bitmap;
}
};
}
}
}
// 在主線程執(zhí)行
final Callable<Bitmap> capture = WebUtils.capture(mWebView);
Callable callable = new Callable<File>() {
@Override
public File call() throws Exception {
File dir = StorageUtils.getAppImagesDir(getContext());
File file = FileUtils.createJpegImage(dir, "Capture");
FileUtils.saveBitmap(capture.call(), file);
return file;
}
// 在子線程調(diào)用callable.call
因為是耗時操作，所以最好在操作時加個loading效果。
具體例子
這里除了對WebView頁面進行長截圖后，還要對這個圖片進行處理，比如在頭部拼接頭部內(nèi)容，在尾部再拼接尾部內(nèi)容，還有圖片壓縮等等。
public void captureWebView() {
final Callable<Bitmap> captureCallable = WebUtils.capture(mWebView);
Observable.fromCallable(captureCallable)
.subscribeOn(Schedulers.io())
.observeOn(Schedulers.io())
.map(new Function<Bitmap, File>() {
@Override
public File apply(@NonNull Bitmap bitmap) throws Exception {
// 1.先保存壓縮體積后的文件
File dir = StorageUtils.getAppImagesDir(getContext());
File file = FileUtils.createJpegImage(dir, "Capture-Origin-");
FileUtils.saveBitmapToFile(file, bitmap, 5000); // max size 5Mb
return file;
}
})
.map(new Function<File, Bitmap>() {
@Override
public Bitmap apply(@NonNull File file) throws Exception {
// 2.壓縮寬高大小，減少內(nèi)存占用
Bitmap contentBmp = BitmapUtils.compress(file.getAbsolutePath(), 1080, 1920 * 8);
// 拼接圖片，不先保存文件再解碼才拼接
Rect outRect = new Rect();
Bitmap headerBmp = generateHeader(getContext(), outRect, title);
Bitmap footerBmp = BitmapFactory.decodeResource(getResources(), R.mipmap.img_footer);
Bitmap composedBmp = ShareImageUtils.composeImage(contentBmp, headerBmp, footerBmp);
contentBmp.recycle();
headerBmp.recycle();
footerBmp.recycle();
return composedBmp;
}
})
.map(new Function<Bitmap, File>() {
@Override
public File apply(@NonNull Bitmap bitmap) throws Exception {
// 3.保存合成壓縮后的文件
File dir = StorageUtils.getAppImagesDir(getContext());
File file = FileUtils.createJpegImage(dir, "Capture-composed-");
FileUtils.saveBitmapToFile(file, bitmap, 5000);
return file;
}
})
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new DisposableObserver<File>() {
@Override
protected void onStart() {
showLoadingView();
}
@Override
public void onNext(@NonNull File file) {
if (file != null) {
CaptureShareDialog.showDialog(getFragmentManager(), file);
}
}
@Override
public void onComplete() {
hideLoadingView();
}
@Override
public void onError(@NonNull Throwable e) {
hideLoadingView();
}
});
}
