Viewpager的PageTransformer 不执行问题

修复Viewpager PageTransformer不执行的bug

最新推荐文章于 2022-03-04 18:02:28 发布

原创最新推荐文章于 2022-03-04 18:02:28 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#viewpager #滑动大图 #动画

android 专栏收录该内容

4 篇文章

订阅专栏

在项目中使用Viewpager实现滑动大图并带有影院效果时，遇到PageTransformer动画初次显示不执行的问题。原因是旧版android-support-v4.jar的bug。解决方案包括升级jar包或在代码中手动调用transformPage方法。手动调用的代码示例已给出。

因为项目需求，要实现滑动大图且带影院效果，效果如下图所示：
这里写图片描述
使用Viewpager来实现的，因为通过实现PageTransformer 接口，比较容易实现左右滑动的动画效果。由于项目里使用的android-support-v4.jar版本太老了，只有377kb，肯定小于android-support-v4 version13.0.0，此jar包有个bug，就是初次显示viewpager时，动画效果没有执行（默认只有滑动时动画才会执行到），这样就导致两张图片连在一起，没有突出中间一张的效果了，如下图：
这里写图片描述
问题的解决方法本来很简单，就是用个高版本的jar包（support-v4-18.0.0及以上都可以）替换老的jar包就行了。

但是项目里一旦替换了jar，就会报65536那个错误，就是方法数太多了，没办法，只能投机取巧，在使用现有的老jar包基础上去改掉这个bug，最终的解决办法是，加载完数据后，手动调用一遍以下代码：
if (mAdapter.getCount() > 1)
{
mTransformer.transformPage(mViewPager.getChildAt(1), 1);
}
当然当只有一条数据时，也就不存在这个bug了。
mTransformer的实现如下：

public class ScalePagerTransformer implements ViewPager.PageTransformer
{

    public static final float MAX_SCALE = 1.0f;

    public static final float MIN_SCALE = 0.75f;

    public static final float MIN_ALPHA = 0.3f;

    @Override
    public void transformPage(View page, float position)
    {
        if (position < -1)
        {
            position = -1;
        }
        else if (position > 1)
        {
            position = 1;
        }

        float tempScale = position < 0 ? 1 + position : 1 - position;

        float slope = (MAX_SCALE - MIN_SCALE) / 1;
        // 一个公式
        float scaleValue = MIN_SCALE + tempScale * slope;
        page.setScaleX(scaleValue);
        page.setScaleY(scaleValue);
        if (position > -1 && position < 1)
        {
            // 加渐变透明效果，中间的view完全不透明
            page.setAlpha((1 - MIN_ALPHA) * tempScale + MIN_ALPHA);
        }
        else
        {
            page.setAlpha(MIN_ALPHA);
        }

        if (Build.VERSION.SDK_INT < 19 && page.getParent() != null)
        {
            page.getParent().requestLayout();
        }
    }
}