您好,登錄后才能下訂單哦!
本篇文章為大家展示了怎么在Android中利用WebView實現(xiàn)一個截長圖功能,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
1.以WebView控件為介紹對象
<WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent"/>
2.獲取View渲染的內(nèi)容
//1:打開緩存開關(guān) view.setDrawingCacheEnabled(true); //2:獲取緩存 Bitmap drawingCache = view.getDrawingCache(); //3:拷貝圖片(這里就是我們需要的截圖內(nèi)容啦) Bitmap newBitmap = Bitmap.createBitmap(drawingCache); //4:關(guān)閉緩存開關(guān) view.setDrawingCacheEnabled(false);
3.不斷滾動View,截取View渲染的內(nèi)容,存儲到容器中
滾動的方法
//這些都是View的方法 webView.setScrollY(); webView.scrollTo(); webView.scrollBy();
每次滾動多少距離?
假設(shè)我們的WebView是寬高占滿屏幕的, 那么通過getDrawingCache()方法,是獲取WebView在屏幕顯示渲染的內(nèi)容,那么WebView控件的高度就是我們每次滾動的距離.
滾動幾次?
滾動次數(shù) = WebView內(nèi)容的高度 / WebView控件的高度 + 1(有余數(shù)的情況下會多滾動1次)
假設(shè): 內(nèi)容高度為3840,控件高度為1920, 那么我們只需滾動兩次,2次截圖
內(nèi)容高度為4000,控件高度為1920, 會余160高度沒有截取,需要截圖3次,所有需要滾動次數(shù)要+1
核心代碼:
//1:發(fā)起測量 mWebView.measure(0, 0); //2:獲取測量后高度 == Webview的高度 int contentHeight = mWebView.getMeasuredHeight(); //3:獲取Webview控件的高度 int height = mWebView.getHeight(); //4:計算滾動次數(shù) 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中畫畫,跟現(xiàn)實世界畫畫步驟一樣的,同樣要先準(zhǔn)備紙,畫板,畫筆.
核心代碼:
public Bitmap mergeBitmap(List<Bitmap> datas) { //圖紙寬度(因為是截圖,圖片寬度大小都是一樣的) int bitmapWidth = datas.get(0).getWidth(); //圖紙高度 = WebView內(nèi)容的高度 int bitmapHeight = contentHeight; //1:創(chuàng)建圖紙 Bitmap bimap = Bitmap.createBitmap(bitmapWidth, bitmapHeight, Bitmap.Config.RGB_565); //2:創(chuàng)建畫布,并綁定圖紙 Canvas canvas = new Canvas(bimap); //3:創(chuàng)建畫筆 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; }
關(guān)于canvas.drawBitmap()兩個Rect的個人的理解:
src: 代表你要顯示圖片的大小,是全部顯示,還是只是顯示一半
以圖片作為例子:
new Rect(0,0,bitmap.getWidth()/2,bitmap.getHeight()) 顯示圖片寬度一半大小
new Rect(0,0,bitmap.getWidth()/2,bitmap.getHeight()/2) 顯示1/4的圖片大小
des: 代表你要將src的圖片放在哪個位置顯示, 顯示在左邊,右邊,還是居中顯示
以圖為例(圖紙代表為Canvas,圖片代表為Bitmap):
new Rect(0,0,bitmap.getWidth(),bitmap.getHeight()) 左上角顯示
new Rect(0,圖紙高度/2,bitmap.getWidth(),bitmap.getHeight()) 居中顯示
Android是一種基于Linux內(nèi)核的自由及開放源代碼的操作系統(tǒng),主要使用于移動設(shè)備,如智能手機和平板電腦,由美國Google公司和開放手機聯(lián)盟領(lǐng)導(dǎo)及開發(fā)。
上述內(nèi)容就是怎么在Android中利用WebView實現(xiàn)一個截長圖功能,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。