解决ViewPager设置切换动画PageTransformer后子页无法触摸的问题

通过ViewPager.setPageTransformer()方法可以设置切换动画，但是如果ViewPager的子页中要处理触摸事件，如浏览图片时对图片放大缩小，ViewPager切换子页后，不能处理触摸事件，似乎子页里面的变的不可点击。尝试了很多中Google上的方法，仍不能解决问题。其实这个是android4.1+版本上的bug，在调用了setPageTransformer()方法后，切换子页后，当前最上面的View并不是眼睛所看的，而是另一个隐藏的子页,该隐藏的子页消费了触摸事件。尝试了把当前子页“放到最上面”，view.bringToFornt()，甚至把其他看不见的子页都设置为隐藏，otherView.setVisibility(View.GONE)，当前子页仍然不能处理触摸事件。

最后查看了viewPager的源码，发现执行切换动画的代码在onPageScrolled()方法内：

if(this.mPageTransformer != null) {
            scrollX = this.getScrollX();
            childCount = this.getChildCount();

            for(i = 0; i < childCount; ++i) {
                View var15 = this.getChildAt(i);
                ViewPager.LayoutParams var16 = (ViewPager.LayoutParams)var15.getLayoutParams();
                if(!var16.isDecor) {
                    float var17 = (float)(var15.getLeft() - scrollX) / (float)this.getClientWidth();
                    this.mPageTransformer.transformPage(var15, var17);
                }
            }
        }

其中的mPageTransformer就是setPageTransformer()传进来的参数。于是，解决的方法便出来了:

public class SimpleViewPager extends ViewPager {

    private PageTransformer mPageTransformer;

    public SimpleViewPager(Context context) {
        this(context, null);
    }

    public SimpleViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * android4.1+设置PageTransformer会使ViewPager的子页里面的触摸事件异常
     * （当前看到的子页并非在最上面，所以触摸事件被隐藏在其上面的View给消费了）
     * 所以结合setPageTransformer()，在onPageScrolled()里“手动”调用切换页面的动画
     *
     * @param position
     * @param offset
     * @param offsetPixels
     */
    @Override
    protected void onPageScrolled(int position, float offset, int offsetPixels) {
        super.onPageScrolled(position, offset, offsetPixels);
        // 下面的源码来自super.onPageScrolled()
        int scrollX;
        int childCount;
        int i;
        if (this.mPageTransformer != null) {
            scrollX = this.getScrollX();
            childCount = this.getChildCount();

            for (i = 0; i < childCount; ++i) {
                View var15 = this.getChildAt(i);
                ViewPager.LayoutParams var16 = (ViewPager.LayoutParams) var15.getLayoutParams();
                if (!var16.isDecor) {
                    float var17 = (float) (var15.getLeft() - scrollX) / (float) this.getClientWidth();
                    this.mPageTransformer.transformPage(var15, var17);
                }
            }
        }
    }

    private int getClientWidth() {
        return this.getMeasuredWidth() - this.getPaddingLeft() - this.getPaddingRight();
    }

    /**
     * 覆盖该方法，不设置PageTransformer，以成员变量的形式保存PageTransformer
     *
     * @param reverseDrawingOrder
     * @param transformer
     */
    @Override
    public void setPageTransformer(boolean reverseDrawingOrder, ViewPager.PageTransformer transformer) {
        super.setPageTransformer(reverseDrawingOrder, null);
        mPageTransformer = transformer;
    }

}

原理很简单，既然是因为设置了PageTransformer才导致子页的触摸事件异常，那么就不设置该属性，通过间接的方式执行切换动画。上面的类继承了ViewPager，覆盖了setPageTransformer()和onPageScrolled()，保存传进来的PageTransformer对象，父类ViewPager的mPageTransformer实际上为空，在onPageScrolled()方法中“手动执行”切换动画。

完整的代码放在了github上：https://github.com/1993hzw/Androids