android webview 图片缩放,Android点击WebView中的图片实现缩放及滑动浏览

最近做的项目有一个要求,就是在WebView中显示的html,需要在点击其中的图片时进行放大,并进行缩放和滑动

浏览,我第一想到的是这是和js进行交互的事情,但是怎么获取html中图片的url,并保存起来进行显示,我就不知道

了,所以去查了下资料,最后找到了解决的办法:

博客地址:http://blog.csdn.net/ji_xu_qiang/article/details/47375721

首先说一下处理这个要求的思路,首先我们要获取到html中的所有图片的url,并保存到集合中,当点击图片时,跳转

一个Activity用ViewPager进行显示,这样就实现了滑动浏览的效果,至于图片的缩放我们则需要用到第三的开源 库PhotoView.

首先是WebView的设置:

webView = (WebView) findViewById(R.id.webview);

webView.loadUrl(url);

WebSettings settings = webView.getSettings();

//设置屏幕适应

settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);

settings.setUseWideViewPort(true);

settings.setLoadWithOverviewMode(true);

//防止中文乱码

settings.setDefaultTextEncodingName("UTF -8");

settings.setJavaScriptEnabled(true);

//载入js

webView.addJavascriptInterface(new JavascriptInterface(this), "imagelistner");

webView.setWebViewClient(new WebViewClient() {

// 网页跳转

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return super.shouldOverrideUrlLoading(view, url);

}

// 网页加载结束

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

// html加载完成之后，添加监听图片的点击js函数

addImageClickListner();

}

});

然后是获取html中的图片url,保存并打开(最主要的就是注入js函数监听,拿到所有图片的url),这里我在添加图片时

发现图片添加了两次,所以我就把l