Android WebView中图片浏览及缩放效果

  

本文实例为大家分享了Android WebView图片浏览及缩放效果展示的具体代码,供大家参考,具体内容如下

  

 Android WebView中图片浏览及缩放效果

  

此工程用到了两个开源库:
  

  

PhotoView支持图片的缩放
  Android-Universal-Image-Loader图片的异步加载
  

  

(android工作室)将两个源工程中图书馆的文件夹导入到演示模块所在的项目中,修改各自的构建。gradle文件,让里面的版本号,所用的安卓包等与演示模块相同即可。大致如图:
  

  

 Android WebView中图片浏览及缩放效果

  

<>强源代码:
  

  

主Activity.java         公开课MainActivity延伸活动{   私人WebView WebView;   私人WebSettings wv;   私人ArrayListlistimg;   @Override   保护空白>   公开课ViewPagerActivity延伸活动{   私人:viewpage mViewPager;   私人观点rootView;   私人PhotoView形象;   私人TextView指标;   私人捆包;   ArrayListlistimg;   私人int指数;   私人int数;      @Override   公共空间>   公开课HackyViewPager延伸:viewpage {   私人布尔isLocked;   公共HackyViewPager(上下文语境){   超级(上下文);   isLocked=false;   }   公共HackyViewPager(上下文语境,AttributeSet attrs) {   超级(上下文,attrs);   isLocked=false;   }   @Override   公共布尔>   & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt; RelativeLayout xmlns: android=" http://schemas.android.com/apk/res/android "   android: layout_width=" match_parent "   android: layout_height=" match_parent "   比;   & lt; uk.co.senab.photoview.PhotoView   android: id=癅 + id/photoview”   android: layout_width=" match_parent "   android: layout_height=" match_parent "/比;   & lt; TextView   android: id=癅 + id/指示器”   android: layout_width=" match_parent "   android: layout_height=" wrap_content "   android: layout_alignParentBottom=" true "   android:重力="中心"   android: textSize=" 18 sp "   android:输入textColor=" @android:颜色/白”   android:文本=" @string/viewpager_indicator”   android:背景=癅android:颜色/透明/比;   & lt;/RelativeLayout>   之前      

用到了一个@string/viewpager_indicator为
  

        & lt;字符串名称=" viewpager_indicator "在% 1 $ d/% 2 $ d   之前      

总结:主要难点还是在获取页面中图片的网址,用到的是java函数与javascript的通信。

Android WebView中图片浏览及缩放效果