当前位置： 移动技术网 > 移动技术>移动开发>Android > viewpager+photoview实现图片查看器

viewpager+photoview实现图片查看器

2019年07月24日  | 移动技术网移动技术  | 我要评论

本文实例为大家分享了android实现图片查看器的具体代码，供大家参考，具体内容如下

效果需要两个手指禁止缩放，所以没有光标，只能用手机投放电脑上录制动态图片；

demo中实用了一个第三方的photoview，非常简单实用；可实现图片双击放大，手势放大缩小，当手指离开屏幕时如果图片小于原图可自动恢复原图大小，可实现点击监听，长按图片监听；

整个demo非常简单，整体就是一个activity，页面布局只有一个viewpager和textview

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000000"> 
 
 <android.support.v4.view.viewpager 
 android:id="@+id/viewpager" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" /> 
 
 <textview 
 android:id="@+id/tv_num" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_centerhorizontal="true" 
 android:textcolor="#ffffff" 
 android:textsize="30sp" /> 
 
</relativelayout>

在activity中初始化图片的url，将集合传递到适配器fragmentpageradapter中即可中即可；
每个适配器中显示一个fragment，这里自己创建一个即可

/** 
 * created by zheng on 2017/11/27. 
 */ 
 
public class photofragment extends fragment { 
 
 private string url; 
 private photoview mphotoview; 
 
 /** 
 * 获取这个fragment需要展示图片的url 
 * @param url 
 * @return 
 */ 
 public static photofragment newinstance(string url) { 
 photofragment fragment = new photofragment(); 
 bundle args = new bundle(); 
 args.putstring("url", url); 
 fragment.setarguments(args); 
 return fragment; 
 } 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 url = getarguments().getstring("url"); 
 } 
 
 @nullable 
 @override 
 public view oncreateview(layoutinflater inflater, final viewgroup container, bundle savedinstancestate) { 
 view view = inflater.inflate(r.layout.fragment_img, container, false); 
 mphotoview = view.findviewbyid(r.id.photoview); 
 //设置缩放类型，默认scaletype.center（可以不设置） 
 mphotoview.setscaletype(imageview.scaletype.center); 
 mphotoview.setonlongclicklistener(new view.onlongclicklistener() { 
  @override 
  public boolean onlongclick(view view) { 
  toastutils.showtoast(getcontext(),"长按事件"); 
  return true; 
  } 
 }); 
 mphotoview.setonphototaplistener(new photoviewattacher.onphototaplistener() { 
  @override 
  public void onphototap(view view, float x, float y) { 
  toastutils.showtoast(getcontext(),"点击事件，真实项目中可关闭activity"); 
  } 
 }); 
 glide.with(getcontext()) 
  .load(url) 
  .placeholder(r.mipmap.ic_launcher)//加载过程中图片未显示时显示的本地图片 
  .error(r.mipmap.ic_launcher)//加载异常时显示的图片 
//  .centercrop()//图片图填充imageview设置的大小 
  .fitcenter()//缩放图像测量出来等于或小于imageview的边界范围,该图像将会完全显示 
  .into(mphotoview); 
 return view; 
 } 
 
}

fragment布局非常简单，只有一个图片展示的view

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent"> 
 
 <uk.co.senab.photoview.photoview 
 android:id="@+id/photoview" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" /> 
 
</relativelayout>

想要实用photoview和glide需要build.gradle中添加

allprojects { 
 repositories { 
 maven { url "https://jitpack.io" } 
 } 
} 

dependencies { 
 compile 'com.github.chrisbanes.photoview:library:+' 
 compile 'com.github.bumptech.glide:glide:3.7.0' 
}

点击打开链接免费

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网