【移动应用开发技术】怎么在Android中利用WebView实现一个截长图功能

【移动应用开发技术】怎么在Android中利用WebView实现一个截长图功能

本篇文章为大家展示了怎么在Android中利用WebView实现一个截长图功能，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。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:代表你要显示图片的大小,是全部显示,还是只是显示一半

以图片作为例子:

newRect(0,0,bitmap.getWidth()/2,bitmap.getHeight())

显示图片宽度一半大小

newRect(0,0,bitmap.getWidth()/2,bitmap.getHeight()/2)显示1/4的图片大小

des:代表你要将src的图片放在哪个位置显示,显示在左边,右边,还是居中显示

以图为例(图纸代表为Canvas,图片代表为Bitmap):newRect(0,0,bitmap.getWidt