viewpager+photoview实现图片查看器

 更新时间:2017年12月04日 11:10:38   作者:ZhengJiaoCsdn  
这篇文章主要为大家详细介绍了viewpager+photoview实现图片查看器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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' 
} 

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

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

相关文章

  • 一文详解Android中Okio输入输出流

    一文详解Android中Okio输入输出流

    在 OkHttp 的源码中,我们经常能看到 Okio 的身影,所以这篇文章文章我们将对Okio进行一个详细的讲解,文中有详细的代码示例供大家参考,需要的朋友可以参考下
    2023-07-07
  • 在Flutter中制作翻转卡片动画的完整实例代码

    在Flutter中制作翻转卡片动画的完整实例代码

    最近Flutter的势头是越来越猛了,作为一个Android程序猿,我自然也是想要赶紧尝试一把,这篇文章主要给大家介绍了关于在Flutter中制作翻转卡片动画的相关资料,需要的朋友可以参考下
    2021-10-10
  • Android ShareSDK快速实现分享功能

    Android ShareSDK快速实现分享功能

    这篇文章主要介绍了Android ShareSDK快速实现分享功能的相关资料,需要的朋友可以参考下
    2016-02-02
  • Android中的Parcelable序列化对象

    Android中的Parcelable序列化对象

    这篇文章主要介绍了Android中的Parcelable序列化对象,需要的朋友可以参考下
    2016-01-01
  • 在Visual Studio上构建C++的GUI框架wxWidgets的开发环境

    在Visual Studio上构建C++的GUI框架wxWidgets的开发环境

    这篇文章主要介绍了Visual Studio上构件C++的GUI框架wxWidgets开发环境的方法,wxWidgets是一个跨多个系统平台的图形化界面开发框架,并且可用语言不限于C++,需要的朋友可以参考下
    2016-04-04
  • Android adb shell dumpsys audio 信息查看分析详解

    Android adb shell dumpsys audio 信息查看分析详解

    文章详细介绍了如何使用dumpsysaudio命令查看和分析Android设备的音频信息,包括音频流状态、音量、外设连接情况等,文章还提供了示例日志分析和源码链接,帮助开发者更好地理解和调试Android音频系统
    2024-11-11
  • Android实现H5与Native交互的两种方式

    Android实现H5与Native交互的两种方式

    Android实现H5页面和Native页面交互的方法有两种,一种是Url拦截的方法,另一种是JavaScript注入,下面来通过这篇文章分别讲解。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • android仿直播圆点加载效果

    android仿直播圆点加载效果

    这篇文章主要为大家详细介绍了android仿直播圆点加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android Studio4.0导入OpenCv4.3.0的方法步骤

    Android Studio4.0导入OpenCv4.3.0的方法步骤

    这篇文章主要介绍了Android Studio4.0导入OpenCv4.3.0的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • Android自定义View实现投票进度条

    Android自定义View实现投票进度条

    这篇文章主要为大家详细介绍了Android自定义View实现投票进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11

最新评论