ViewPager动画中的视差和淡入淡出

Question

我想在下面的链接中重现相同的动画，是动画中的视差和淡入淡出吗？

http://imgur.com/a/pk5PQ

如何使用ViewPager.PageTransformer

获得相同的结果

谢谢

Answer 1

对于视差和滚动，请使用以下代码

public class Transformer implements ViewPager.PageTransformer {
    @Override
    public void transformPage(View page, float position) {
        if (position <= -1 || position >= 1) {
            page.setAlpha(0.0F);
        } else if( position == 0.0f) {
            //page.setAlpha(1);
        } else {
            page.findViewById(R.id.background)
                    .setTranslationX(-position * page.getWidth() / 2);
            //page.setAlpha(1.0f - Math.abs(position));
        }
    }
}

其中id background是您要放置的图片ID。 并通过

将其分配给viewpager

viewPager.setPageTransformer(false, new Transformer());