向后兼容的PageTransformer

Question

我正在尝试为ViewPager中的项目设置动画,而PageTransformer符合要求.我希望它向后兼容Android 2.2所以我使用的是支持v4库.然而...

由于属性动画仅支持从Android 3.0开始转发,因此将忽略在早期平台版本上的> ViewPager上设置PageTransformer.

因此PageTransformer不适用于旧版本

我正在使用Jake Wharton的NineOldAndroids库,所以我可以使用该API,但我不确定如何为ViewPager做动画.

我怎么能这样做？

Answer 1

您需要PageTransformer使用AnimatorProxy包装器实现在视图上设置转换属性.

然后,困难的部分是ViewPager将忽略PageTransformer较低的API版本.所以你需要修改ViewPager自己才能使用PageTransformer.

我在GitHub上有一个支持库的分叉版本,允许这个以及使用NineOldAndroids动画制作器进行自定义片段转换.使用animator-transition分支.它是一个maven项目,因此您可以从v4子目录构建它.

public class ZoomOutPageTransformer implements PageTransformer {
    private static float MIN_SCALE = 0.85f;
    private static float MIN_ALPHA = 0.5f;

    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();
        int pageHeight = view.getHeight();

        AnimatorProxy proxy = AnimatorProxy.wrap(view);

        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            proxy.setAlpha(0);
        } else if (position <= 1) { // [-1,1]
            // Modify the default slide transition to shrink the page as well
            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
            float vertMargin = pageHeight * (1 - scaleFactor) / 2;
            float horzMargin = pageWidth * (1 - scaleFactor) / 2;
            if (position < 0) {
                proxy.setTranslationX(horzMargin - vertMargin / 2);
            } else {
                proxy.setTranslationX(-horzMargin + vertMargin / 2);
            }

            // Scale the page down (between MIN_SCALE and 1)
            proxy.setScaleX(scaleFactor);
            proxy.setScaleY(scaleFactor);

            // Fade the page relative to its size.
            proxy.setAlpha(MIN_ALPHA +
                (scaleFactor - MIN_SCALE) /
                (1 - MIN_SCALE) * (1 - MIN_ALPHA));
        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            proxy.setAlpha(0);
        }
    }
}