android webview 截图,android WebView 截取长图 《转载》
先看看手机自带的长截屏功能:
机型: vivo x9 plus
大胆推测实现逻辑:
1:需要一个可以滚动的View
2:截取View在屏幕渲染的内容
3:不断滚动View,截取View渲染的内容,存储到容器中
4:将容器中图片,按顺序拼接组装起来.
5.保存
根据我们推测的逻辑,一步步实现:
1: 我们这里以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 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 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: 代表你要显示图片的大小,是全部显示,还是只是显示一半
以图片作为例子:
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()) 居中显示
5: 保存
保存到本地,可以通过 bimap.compress()方法
Demo演示:
Github地址: https://github.com/lixiaodong0/ScreenshotExample
不足之处:
WebView内容不宜太长,否则图片太多,合并起来,会有内存溢出危险
WebView里的html不是有悬浮的标签,否则每次截图都会把标签的内容截取进去
---------------------
作者:lixiaodong_
来源:CSDN
原文:https://blog.csdn.net/lixiaodong_/article/details/80261611
版权声明:本文为博主原创文章,转载请附上博文链接!
android webview 截图,android WebView 截取长图 《转载》相关推荐
- android 拖动截图,【UNIAPP截长图】方案之一:滚动截屏 Android
实现思想:主动滚动一段距离,截一个图,然后裁剪拼接 关键步骤: 1.截长图准备 2.截取图片组 3.拼接长图片 1.截长图准备 preparePicture() 获取屏幕可用宽高,页面宽高,及页面底部 ...
- Android实现截屏和截长图功能的几种方法
一般情况下各种型号的手机都会有自带的截屏功能,也会有诸如"开关机键+音量键"的截屏快捷键,只要手机是亮屏状态,都会将手机屏幕的可视区域(包含状态栏)全部截取下来. 如果开发中想要调 ...
- Android 实现截屏和截长图功能的几种方法
欢迎大家关注我的公众号:**牛角尖尖上起舞** 一般情况下各种型号的手机都会有自带的截屏功能,也会有诸如"开关机键+音量键"的截屏快捷键,只要手机是亮屏状态,都会将手机屏幕的可视区 ...
- android 截长图 方法,Android实现截屏与截长图功能
本文实例为大家分享了Android实现截屏与截长图功能展示的具体代码,供大家参考,具体内容如下 Demo在GitHub的地址:ScreenShoot 在Android开发中,有时候会遇到需要截屏分享到 ...
- Android实现截屏和截长图功能的各种方法
微信好友或者朋友圈的分享,可以是普通的截图分享,也可以是截取长图的分享,甚至还会有需求让你拼上生成的二维码和logo图片,下面我们直接来看看这些方法的使用: 先说一下拼接三张不同的图片后有黑色背景的解 ...
- 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )
文章目录 一.获取图像真实宽高 二.计算解码区域 三.设置解码参数 内存复用 像素格式 四.图像绘制 五.执行效果 六.源码及资源下载 官方文档 API : BitmapRegionDecoder 在 ...
- 【Android 内存优化】自定义组件长图组件 ( 长图滚动区域解码 | 手势识别 GestureDetector | 滑动计算类 Scroller | 代码示例 )
文章目录 一.GestureDetector 创建与设置 二.GestureDetector 触摸事件传递 三.触摸滑动操作 四.惯性滑动操作 五.长图滑动组件代码示例 六.运行效果 七.源码及资源下 ...
- Snagit for Mac 如何截取长图,滚动截图?
困扰我很久了,为了在mac上截取长图,今天终于成功了. 如下图: 第一步:选择image. 第二步:Selection选择Panoramic,就是选择滚动截图的意思. 第三步:到达你想要滚动截图,也就 ...
- 电脑如何截长图?如何用电脑截取长图——规划全景
一个规划的,想知道如何用电脑截取长图--规划全景 1.F12 2.Ctrl+Shift+P 3.full
最新文章
- host ntrip 千寻rtk_什么是千寻知寸cors账号?它提供的定位服务精度如何?使用时需要注意哪些问题?...
- 实战教程 | 车道线检测项目实战,霍夫变换 新方法 Spatial CNN
- express 使用 redirect 对 ajax 无效 页面不跳转
- mysql 从库_mysql数据库主从配置
- (转载)DevExpress ASPxGridView 使用文档六:模板
- 【component: resolve => require([‘../pages/home.vue‘], resolve)-装载】
- Android 学习 笔记_07. XML文件解析
- HTML5的离线存储有几种方式?
- [堆] Jzoj P5861 失意
- HTTP缓慢拒绝服务攻击
- 5、Android搭建RN开发环境
- 彻底卸载VS2015
- 【C语言开源库】lw_oopc:轻量级的C语言面向对象编程框架
- 新手经常忽略的嵌入式基础知识点,你都掌握了吗?
- 来 不 及 认 真 的 年 轻
- fnl+wrf 报错记录
- learn.log - 进程管理器fastcgi原理及fastcgi_param详解
- 2022年全网最全的Oracle数据库技术附练习题以及答案 循序渐进
- python3封装微信分账功能
- nodeJS+mysql+连接池——连接池的创建和使用
热门文章
- AMD将推出双卡交火神油驱动,性能或提高80%
- Java正则表达式去掉标点符号
- 索尼相机摄像机换电池视频丢失修复恢复技术
- 轻松一刻,Linux 娱乐命令整理
- AI人工智能板块:一个可持续的叙事!其中的佼佼者——CNTM
- 抖音短视频剪辑如何学习?如哪里学习抖音运营?
- 基于单片机多功能智能电子时钟电路设计-毕业设计
- 开源版本_TDengine开源版本在电力运维平台的应用
- ios11.2计算机更新,iOS11.2正式版如何升级 iOS11.2正式版更新升级方法【详细教程】...
- 一台服务器上如何创建多个网站多个站点?