一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - Android - Android WebView實現截長圖功能

Android WebView實現截長圖功能

2022-02-20 15:35lixiaodong_ Android

這篇文章主要為大家詳細介紹了Android截長圖的一種實現方式,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了Android實現截長圖功能的具體代碼,供大家參考,具體內容如下

先看看手機自帶的長截屏功能:  機型: vivo x9 plus

  Android WebView實現截長圖功能   

大膽推測實現邏輯:        

 1:需要一個可以滾動的View    

 2:截取View在屏幕渲染的內容        

 3:不斷滾動View,截取View渲染的內容,存儲到容器中            

 4:將容器中圖片,按順序拼接組裝起來.        

 5.保存

 根據我們推測的邏輯,一步步實現:

1.我們這里以WebView控件為介紹對象

<WebView 
 android:id="@+id/web_view" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent"/> 

2.獲取View渲染的內容

//1:打開緩存開關 
view.setDrawingCacheEnabled(true); 
//2:獲取緩存 
Bitmap drawingCache = view.getDrawingCache(); 
//3:拷貝圖片(這里就是我們需要的截圖內容啦) 
Bitmap newBitmap = Bitmap.createBitmap(drawingCache); 
//4:關閉緩存開關 
view.setDrawingCacheEnabled(false); 

3.不斷滾動View,截取View渲染的內容,存儲到容器中

滾動的方法

//這些都是View的方法 
webView.setScrollY(); 
webView.scrollTo(); 
webView.scrollBy(); 

每次滾動多少距離?

假設我們的WebView是寬高占滿屏幕的, 那么通過getDrawingCache()方法,是獲取WebView在屏幕顯示渲染的內容,那么WebView控件的高度就是我們每次滾動的距離.

滾動幾次?

滾動次數 = WebView內容的高度 / WebView控件的高度 + 1(有余數的情況下會多滾動1次)

假設: 內容高度為3840,控件高度為1920, 那么我們只需滾動兩次,2次截圖

內容高度為4000,控件高度為1920, 會余160高度沒有截取,需要截圖3次,所有需要滾動次數要+1

核心代碼:

//1:發起測量 
mWebView.measure(0, 0); 
//2:獲取測量后高度 == Webview的高度 
int contentHeight = mWebView.getMeasuredHeight(); 
//3:獲取Webview控件的高度 
int height = mWebView.getHeight(); 
//4:計算滾動次數 
int totalScrollCount = contentHeight / height; 
//5: 剩余高度 
int surplusScrollHeight = contentHeight - (totalScrollCount * height); 
 
//存儲圖片容器 
List<Bitmap> cacheBitmaps = new ArrayList<>(); 
for (int i = 0; i < totalScrollCount; i++) { 
 if (i > 0) { 
  //滾動WebView 
  mWebView.setScrollY(i * height); 
 } 
 //獲取截圖,通過步驟1獲取,這里不貼代碼了 
 Bitmap bitmap = getScreenshot(mWebView); 
 cacheBitmaps.add(bitmap); 
} 
 
//如果不能整除,需要額外滾動1次 
if (surplusScrollHeight > 0) { 
 mWebView.setScrollY(contentHeight); 
 Bitmap bitmap = getScreenshot(mWebView); 
 cacheBitmaps.add(bitmap); 
} 

4.組裝拼接圖片

  遺憾的是,google并沒有提供組裝圖片的api,所有就我們需要自己畫啦

  what? 自己畫?

 沒錯,就是自己畫啦,在android中畫畫,跟現實世界畫畫步驟一樣的,同樣要先準備紙,畫板,畫筆.

核心代碼:    

public Bitmap mergeBitmap(List<Bitmap> datas) { 
 //圖紙寬度(因為是截圖,圖片寬度大小都是一樣的) 
 int bitmapWidth = datas.get(0).getWidth(); 
 //圖紙高度 = WebView內容的高度 
 int bitmapHeight = contentHeight; 
 //1:創建圖紙 
 Bitmap bimap = Bitmap.createBitmap(bitmapWidth, bitmapHeight, Bitmap.Config.RGB_565); 
 //2:創建畫布,并綁定圖紙 
 Canvas canvas = new Canvas(bimap); 
 //3:創建畫筆 
 Paint paint = new Paint(); 
 for (int count = datas.size(), i = 0; i < count; i++) { 
  Bitmap data = datas.get(i); 
  float left = 0; 
  float top = i * data.getHeight(); 
  Rect src = null; 
  RectF des = null; 
  /** 
  * Rect src = new Rect(); 代表圖片矩形范圍 
  * RectF des = new RectF(); 代表Canvas的矩形范圍(顯示位置) 
  */ 
  if (i == count - 1 && surplusScrollHeight > 0) { 
  int srcRectTop = data.getHeight() - surplusScrollHeight; 
  src = new Rect(0, srcRectTop, data.getWidth(), data.getHeight()); 
  des = new RectF(left, top, data.getWidth(), top + surplusScrollHeight); 
  } else { 
  src = new Rect(0, 0, data.getWidth(), data.getHeight()); 
  des = new RectF(left, top, data.getWidth(), top + data.getHeight()); 
  } 
  //繪制圖片 
  canvas.drawBitmap(data, src, des, paint); 
 } 
 return bimap; 
} 

關于canvas.drawBitmap()兩個Rect的個人的理解:

src: 代表你要顯示圖片的大小,是全部顯示,還是只是顯示一半

        Android WebView實現截長圖功能

 以圖片作為例子:

 new Rect(0,0,bitmap.getWidth()/2,bitmap.getHeight())  顯示圖片寬度一半大小

Android WebView實現截長圖功能     

new Rect(0,0,bitmap.getWidth()/2,bitmap.getHeight()/2) 顯示1/4的圖片大小

        Android WebView實現截長圖功能

des: 代表你要將src的圖片放在哪個位置顯示, 顯示在左邊,右邊,還是居中顯示     

Android WebView實現截長圖功能

以圖為例(圖紙代表為Canvas,圖片代表為Bitmap):

new Rect(0,0,bitmap.getWidth(),bitmap.getHeight()) 左上角顯示

Android WebView實現截長圖功能

new Rect(0,圖紙高度/2,bitmap.getWidth(),bitmap.getHeight()) 居中顯示

Android WebView實現截長圖功能

5.保存

保存到本地,可以通過 bimap.compress()方法

Demo演示:

     Android WebView實現截長圖功能

Github地址:  ScreenshotExample  不足之處:

WebView內容不宜太長,否則圖片太多,合并起來,會有內存溢出危險

WebView里的html不是有懸浮的標簽,否則每次截圖都會把標簽的內容截取進去

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持服務器之家。

原文鏈接:https://blog.csdn.net/lixiaodong_/article/details/80261611

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 99精品全国免费7观看视频 | 日韩乱淫 | 久久亚洲精品AV成人无码 | 男人桶女下面60分钟视频 | 高h巨肉play| 国产福利在线免费观看 | 日b在线观看 | 日韩在线一区二区 | 成年人免费观看 | 青草青草久热精品视频在线网站 | 99撸| 国产午夜亚洲精品不卡 | 色婷婷在线播放 | 香蕉精品国产高清自在自线 | 四虎国产精品免费久久麻豆 | 国产资源站 | 国产精品久久香蕉免费播放 | 亲爱的客栈第二季免费观看完整版 | 欧美第十页| 情缘1完整版在线观看 | 欧美成狂野欧美在线观看 | 成人免费观看一区二区 | 亚洲精品福利在线 | 欧美丰满大乳大屁在线观看股 | 91普通话国产对白在线 | 99在线精品免费视频 | 国产欧美一区视频在线观看 | 99日影院在线播放 | 日本加勒比在线精品视频 | 私人家庭影院5577 | 日本全黄三级在线观看 | 高清国产在线 | 亚洲欧美天堂综合久久 | 午夜香蕉成视频人网站高清版 | 国产rpg迷雾之风冷狐破解 | 日韩免费毛片视频杨思敏 | 国产欧美视频高清va在线观看 | 青草视频免费观看在线观看 | 亚洲精品午夜久久aaa级久久久 | 大团圆6全文在线阅读 | 日本精品一区二区在线播放 |