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

来源：互联网发布：老人机什么牌子好知乎编辑：程序博客网时间：2024/05/16 13:45

通过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

0 0