微信在浏览网页的时候,我们可以选择长按图片,然后会弹出对话框,询问我们要做什么——保存啊,收藏啊什么的。恰好项目中要用到这个功能,就小做了一番研究, 各种找资料看博客浏览源码,总结了几种方式,特此记录一下。
首先是监听webview的长按事件,这个入口必须要实现,要不然怎么知道是那张图片呢。
vWeb.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
HitTestResult result = vWeb.getHitTestResult();
if (result.getType() == HitTestResult.IMAGE_TYPE) {
String url = result.getExtra();
return true;
}
return false;
}
});
webview长按后,通过getHitTestResult()方法可以得到一个HitTestResult对象,通过这个对象可以知道点击区域的内容是什么mimeType以及对应的url。
门口找到了,下面说说怎么进门的问题。目前找到3中方法拿到对应的图片。
1、读取webview缓存的图片对象
参考http://www.cnblogs.com/linjiqin/archive/2011/10/28/2227943.html。
这个方式有两个问题,首先如何从数据库找到图片url对应的图片的文件名,其次我在v19的手机上,发现图片文件根本打不开,猜测是对图片数据格式做了特殊处理。很遗憾我没有解决这两个问题。
2、自己管理webview的图片下载
WebViewClient类有两个可重写的方法:
public WebResourceResponse shouldInterceptRequest(WebView view,
String url) {
return null;
}
@Override
public WebResourceResponse shouldInterceptRequest(WebView view,
WebResourceRequest request) {
return super.shouldInterceptRequest(view, request);
}
});
第二个方法是v21才有的,用于替代第一个方法。这两个方法的作用也很明显,webview显示网页需要先把资源下载下来,它有自己的网络访问机制,覆写这两个方法中的一个,我们可以自己下载管理图片资源,然后返回一个WebResourceResponse对象给webView就可以了。
这是一个可行的方案。
3、html2canvas
html2canvas是一个js截屏的工具,可以用纯js代码对html某个元素进行截图。
这个方法对于不太熟悉js的同学是个挑战,而且只能实现截图,不能获取最原始的图片。
也算是一个可行的方案。
从灵活性上来说还是第二个方案比较好,自己管理图片的话,也就可以实现微信的浏览当前网页所有图片的功能了!