PhotoView双击放大缩小图片

65 阅读 0 评论 43 点赞

我是靠谱客的博主笑点低往事，最近开发中收集的这篇文章主要介绍PhotoView双击放大缩小图片，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

【原创】

仿微信的个人相册，来回浏览个人图片和视频，其中图片时需要实现双击放大和缩小的。那么PhotoView完美解决这个问题。这里记录一下，写一个Studio的demo，我觉得每次去博客上找那些文章时，最想要的还是代码，设身处地的为同僚们着想，我还是写个简单的应用。方便大家参考和使用。

在grandle中导入photoView。

compile 'com.commit451:PhotoView:1.2.4'

然后xml文件中使用，就行了。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.abings.photoviewdemo.MainActivity">

    <uk.co.senab.photoview.PhotoView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/a"
        />
</RelativeLayout>

这样放入一张图片就能放大缩小了。简单实用，大家会爱上它的。

这里在附上一个自定义的viewpager，一般都是photoview配上viewpager，然而不自定义的话，很容易产生冲突。

package com.example.csonezp.imagezoomdemo;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * Found at http://stackoverflow.com/questions/7814017/is-it-possible-to-disable-scrolling-on-a-viewpager.
 * Convenient way to temporarily disable ViewPager navigation while interacting with ImageView.
 * 
 * shuwen
 */

/**
 * Hacky fix for Issue #4 and
 * http://code.google.com/p/android/issues/detail?id=18990
 * <p/>
 * ScaleGestureDetector seems to mess up the touch events, which means that
 * ViewGroups which make use of onInterceptTouchEvent throw a lot of
 * IllegalArgumentException: pointerIndex out of range.
 * <p/>
 * There's not much I can do in my code for now, but we can mask the result by
 * just catching the problem and ignoring it.
 *
 * @author Chris Banes
 */
public class HackyViewPager extends ViewPager {

	private boolean isLocked;
	
    public HackyViewPager(Context context) {
        super(context);
        isLocked = false;
    }

    public HackyViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        isLocked = false;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
    	if (!isLocked) {
	        try {
	            return super.onInterceptTouchEvent(ev);
	        } catch (IllegalArgumentException e) {
	            e.printStackTrace();
	            return false;
	        }
    	}
    	return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return !isLocked && super.onTouchEvent(event);
    }
    
	public void toggleLock() {
		isLocked = !isLocked;
	}

	public void setLocked(boolean isLocked) {
		this.isLocked = isLocked;
	}

	public boolean isLocked() {
		return isLocked;
	}
	
}

使用这个viewpager，就能解决冲突问题。

附上git:

https://github.com/SingleShu/PhotoViewDemo