这篇文章主要为大家展示了“viewpager+photoview如何实现图片查看器”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“viewpager+photoview如何实现图片查看器”这篇文章吧。
创新互联一直在为企业提供服务，多年的磨炼，使我们在创意设计，网络营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求，挖掘用户对产品需求服务价值，为企业制作有用的创意设计体验。核心团队拥有超过10多年以上行业经验，涵盖创意，策化，开发等专业领域，公司涉及领域有基础互联网服务遂宁托管服务器、重庆APP开发公司、手机移动建站、网页设计、网络整合营销。
具体内容如下
效果需要两个手指禁止缩放，所以没有光标，只能用手机投放电脑上录制动态图片；
demo中实用了一个第三方的photoview，非常简单实用；可实现图片双击放大，手势放大缩小，当手指离开屏幕时如果图片小于原图可自动恢复原图大小，可实现点击监听，长按图片监听；
整个demo非常简单，整体就是一个activity，页面布局只有一个viewpager和textview
在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
想要实用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'
}以上是“viewpager+photoview如何实现图片查看器”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
名称栏目：viewpager+photoview如何实现图片查看器
本文URL：
http://bjjierui.cn/article/pissoi.html
