android - 向后兼容的PageTransformer

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


  由于仅在Android 3.0及更高版本中才支持属性动画，因此将忽略在早期平台版本上的> ViewPager上设置PageTransformer。


因此PageTransformer在旧版本上将无法使用

我正在使用Jake Wharton's NineOldAndroids库，因此可以使用该API，但是我不确定如何为ViewPager制作动画。

我该怎么办？

最佳答案

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

那么困难的部分是ViewPager在较低的API版本中将忽略PageTransformer。因此，您需要修改ViewPager本身以使用PageTransformer。

我有一个forked version of the support library on 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);
        }
    }
}