首页 > 代码库 > 微信viewpaper滑动时下一页变暗的效果怎么实现？？

微信viewpaper滑动时下一页变暗的效果怎么实现？？

2024-07-27 15:57:15   226人阅读

============问题描述============


如题，在最新版的微信中，有这样的效果。
滑动页面时，下一页自动变暗。
请大神帮忙啊。

============解决方案1============


是不是切换时的动画啊，上个图看看

============解决方案2============


你好，这个也可以有几个实现方式，最简单的就是，设置Fragment的切换动画，代码示例：
 mViewPager.setAdapter(adapter);
        mViewPager.setPageTransformer(true, new DepthPageTransformer());

然后看看动画实现类(这是层叠效果，其他效果你自己参照这个思路自己实现）：
public class DepthPageTransformer implements ViewPager.PageTransformer
{
    private static final float MIN_SCALE = 0.75f;

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

        if (position < -1)
        { // [-Infinity,-1)
            // This page is way off-screen to the left.
            view.setAlpha(0);

        }
        else if (position <= 0)
        { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setAlpha(1);
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);

        }
        else if (position <= 1)
        { // (0,1]
            // Fade the page out.
            view.setAlpha(1 - position);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

        }
        else
        { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }
}

不懂再问我哈

============解决方案3============


切换的加入动画

微信viewpaper滑动时下一页变暗的效果怎么实现？？


联系
我们