AndroidWebView中图片浏览及缩放效果-创新互联

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

成都创新互联专注于企业成都全网营销推广、网站重做改版、襄垣网站定制设计、自适应品牌网站建设、HTML5、商城开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为襄垣等各大城市提供网站开发制作服务。

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

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

（android studio）将两个源工程中的library文件夹导入到Demo Module所在的Project中，修改各自的build.gradle文件，让里面的版本号、所用的android包等与Demo Module相同即可。大致如图：

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

源代码：

主Activity.java

public class MainActivity extends Activity {
 private WebView webview;
 private WebSettings wv;
 private ArrayList listimg;
 @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://www.zsjierui.cn/article/dosisd.html

网站建设知识

AndroidWebView中图片浏览及缩放效果-创新互联

其他资讯