码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2014-10-17 11:35:15      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   os   java   for   sp   2014   on   

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


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

============解决方案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滑动时下一页变暗的效果怎么实现??

标签:blog   http   io   os   java   for   sp   2014   on   

原文地址:http://www.cnblogs.com/shaochuyun57/p/4030453.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!