快捷導(dǎo)航

Android 中WebView 截圖的實現(xiàn)方式

更新時間：2017年12月22日 09:52:57 作者：亦楓

這篇文章主要介紹了Android 中WebView 截圖的實現(xiàn)方式,WebView 作為一種特殊的控件，自然不能像其他系統(tǒng) View 或者截屏的方式來獲取截圖。本文通過實例代碼給大家介紹的非常詳細，需要的朋友參考下吧

Hybrid App 中網(wǎng)頁部分的分享方式越來越趨向于多元化，比較常見的用戶操作方式有：復(fù)制網(wǎng)頁鏈接式，直接選擇目標(biāo)應(yīng)用自動分享式等。其中，截圖行為，越來越成為豐富用戶操作、備受用戶喜愛的互動方式之一，我們在很多內(nèi)容社區(qū)類應(yīng)用中都能看到這種功能。這篇文章總結(jié)一下 Android 應(yīng)用中 WebView 截圖的實現(xiàn)方式。

WebView 作為一種特殊的控件，自然不能像其他系統(tǒng) View 或者截屏的方式來獲取截圖（多為截取長圖）。如：

public static Bitmap getScreenShot(View view){
  View screenView = view.getRootView();
  screenView.setDrawingCacheEnabled(true);
  Bitmap bitmap = Bitmap.createBitmap(screenView.getDrawingCache());
  screenView.setDrawingCacheEnabled(false);
  return bitmap;
}

如果將上述代碼套在 WebView 上使用，將會得到內(nèi)容不完整的截圖。而事實上，WebView 系統(tǒng)本身提供有對應(yīng)的 API 來獲取 Bitmap 對象。

private Bitmap captureWebView(WebView webView){
 Picture picture = webView.capturePicture();
 int width = picture.getWidth();
 int height = picture.getHeight();
 if (width > 0 && height > 0) {
  Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
  Canvas canvas = new Canvas(bitmap);
  picture.draw(canvas);
  return bitmap;
 }
 return null;
}

獲取到 Bitmap 對象后，利用這段代碼可以將其保存到設(shè)備的存儲卡中：

private void saveBitmap(Bitmap bitmap){
 File file = new File(Environment.getExternalStorageDirectory(), System.currentTimeMillis() + ".jpg");
 try {
  FileOutputStream fos = new FileOutputStream(file);
  bitmap.compress(CompressFormat.JPEG, 80, fos);
  fos.flush();
  fos.close();
 } catch (java.io.IOException e) {
  e.printStackTrace();
 }
}

簡單兩步，大功告成。然而當(dāng)你在 Android 5.0 及更高版本系統(tǒng)的設(shè)備中操作時，你會發(fā)現(xiàn)，截圖顯示并不完全。雖然圖片寬高符合實際要求，但是內(nèi)容只包含當(dāng)前屏幕顯示區(qū)域內(nèi) WebView 的內(nèi)容。

原因在于，為了減少內(nèi)存占用和提升性能，從 Android 5.0 開始，系統(tǒng)能夠智能化地選擇部分 Html 文檔進行渲染。所以，默認情況下，我們只能截取到部分屏幕顯示區(qū)域內(nèi) WebView 的內(nèi)容，也就出現(xiàn)了上述問題。

不過，系統(tǒng)也提供了對應(yīng)的 API 來修改這一默認優(yōu)化行為。代碼很簡單：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
 WebView.enableSlowWholeDocumentDraw();
}

需要注意的是，這段代碼必須添加在 WebView 實例被創(chuàng)建之前。如果使用 Activity 的話，也就是在 setContentView() 方法前面。

雖然 capturePicture() 方法已經(jīng)能夠獲取 WebView 截圖，但是到 API 19 時該方法被系統(tǒng)廢棄掉了。取而代之的是使用 onDraw() 方法獲取獲取 Bitmap 對象。

private Bitmap captureWebView(WebView webView){
 float scale = webView.getScale();
 int width = webView.getWidth();
 int height = (int) (webView.getHeight() * scale);
 Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);
 Canvas canvas = new Canvas(bitmap);
 webView.draw(canvas);
 return bitmap;
}

這里又要提到的是， getScale() 方法從 API 17 開始也被系統(tǒng)廢棄掉了。所以獲取 scale 值的另一種更優(yōu)雅的方式是：

webView.setWebViewClient(new WebViewClient() {
 @Override
 public void onScaleChanged(WebView view,float oldScale, float newScale){
  super.onScaleChanged(view, oldScale, newScale);
  scale = newScale;
 }
});

最后一點，在實際使用過程中，我們還需要考慮到 Bitmap 的內(nèi)存占用問題，做好異常捕獲，防止 OOM 的出現(xiàn)。

總結(jié)

以上所述是小編給大家介紹的Android 中WebView 截圖的實現(xiàn)方式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家的支持！

您可能感興趣的文章: