首页 > 系统 > Android > 正文

viewpager+photoview实现图片查看器

2019-10-22 18:21:28
字体:
来源:转载
供稿:网友

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

viewpager,photoview,图片查看器

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

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' } 

点击打开链接免费下载源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持VEVB武林网。


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表