AndroidWebView中图片浏览及缩放效果-创新互联
本文实例为大家分享了Android WebView图片浏览及缩放效果展示的具体代码,供大家参考,具体内容如下
成都创新互联专注于企业成都全网营销推广、网站重做改版、襄垣网站定制设计、自适应品牌网站建设、HTML5、商城开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为襄垣等各大城市提供网站开发制作服务。此工程用到了两个开源库:
PhotoView支持图片的缩放
Android-Universal-Image-Loader图片的异步加载
(android studio)将两个源工程中的library文件夹导入到Demo Module所在的Project中,修改各自的build.gradle文件,让里面的版本号、所用的android包等与Demo Module相同即可。大致如图:
源代码:
主Activity.java
public class MainActivity extends Activity { private WebView webview; private WebSettings wv; private ArrayListlistimg; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webview = (WebView)findViewById(R.id.webview); listimg = new ArrayList<>(); wv = webview.getSettings(); wv.setJavaScriptEnabled(true); webview.addJavascriptInterface(new JavascriptInterface(this), "imagelistner");//绑定javasrcipt接口,imagelistner为接口的别名 webview.loadUrl("http://portal.smu.edu.cn/e/action/ShowInfo2.php?classid=1415&id=63663&tlpid=98"); webview.setWebViewClient(new WebViewClient(){ public boolean shouldOverrideUrlLoading(WebView view, String url) { //点击webView中的键接,依然在此webview中显示,而不跳转到别的浏览器 webview.loadUrl(url); return super.shouldOverrideUrlLoading(view, url); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); addImageListner(); //当页面加载完成,就调用我们的addImageListener()函数 } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); } }); } private void addImageListner() { //遍历页面中所有img的节点,因为节点里面的图片的url即objs[i].src,保存所有图片的src. //为每个图片设置点击事件,objs[i].onclick webview.loadUrl("javascript:(function(){" + "var objs = document.getElementsByTagName(\"img\"); " + "for(var i=0;i 中 listimg.add(img); } @android.webkit.JavascriptInterface //对于targetSdkVersion>=17的,要加这个声明 public void openImage(String clickimg)//点击图片所调用到的函数 { int index = 0; for(String url:listimg) if(url.equals(clickimg)) index = listimg.indexOf(clickimg);//获取点击图片在整个页面图片中的位置 Intent intent = new Intent(); Bundle bundle = new Bundle(); bundle.putStringArrayList("list_image",listimg); bundle.putInt("index", index); intent.putExtra("bundle", bundle);//将所有图片的url以及点击图片的位置作为参数传给启动的activity intent.setClass(context, ViewPagerActivity.class); context.startActivity(intent);//启动ViewPagerActivity,用于显示图片 } } }
网站标题:AndroidWebView中图片浏览及缩放效果-创新互联
文章链接:http://myzitong.com/article/dosisd.html