一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

android ViewPager实现滑动翻页效果实例代码

时间:2022-06-25 23:26:30 编辑:袖梨 来源:一聚教程网

 

 代码如下复制代码

importandroid.content.Context;

importandroid.support.v4.view.ViewPager;

importandroid.util.AttributeSet;

importandroid.view.View;

 

 

publicclassReadViewPagerextendsViewPager

{

  publicReadViewPager(Context context)

  {

    super(context);

  }

 

  publicReadViewPager(Context context, AttributeSet attrs)

  {

    super(context, attrs);

    setAnima();

  }

 

  publicvoidsetAnima()

  {

    setPageTransformer(true,newPageTransformer()

    {

      privatestaticfinalfloatMIN_SCALE =0.75f;

 

      @Override

      publicvoidtransformPage(View view,floatposition)

      {

 

        intpageWidth = view.getWidth();

        intpageHeight =view.getHeight();

 

        if(position < -1)

        {

          // [-Infinity,-1)

          // This page is way off-screen to the left.

          view.setAlpha(0);

 

        }

        elseif(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);

        }

        elseif(position <=1)

        {

          // (0,1]

 

          // Fade the page out.

          view.setAlpha(1- position);

//

//          // Counteract the default slide transition

//          view.setAlpha(1);

          view.setTranslationX(pageWidth * -position);

//

//          // Scale the page down (between MIN_SCALE and 1)

          floatscaleFactor = 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);

        }

      }

 

    });

  }

}

 

核心代码是android官方demo,以上实现的是翻页效果是:上面一页被滑出界面时,下面一页慢慢显现,透明度慢慢加大,并且大小由小慢慢变大。

不过有一个奇怪的现象,当我做一个答题界面时,刚刚开始我采用ViewPager与View结合实现无限循环切换,并且采用上面的动画效果,可是每当我滑动到最后一张,也就是要开始新的一轮循环的时候,被滑出去的一页也会出现慢慢变透明的情况,而我用ViewPager结合Fragment实现无限循环切换的是就不会出现这种效果

如果想要实现仿造驾考宝典的翻页效果,只要把核心方法改为以下代码便可以了

 

 代码如下复制代码

setPageTransformer(true,newPageTransformer() {

      privatestaticfinalfloatMIN_SCALE =0.75f;

 

      @Override

      publicvoidtransformPage(View view,floatposition) {

 

        intpageWidth = view.getWidth();

         intpageHeight =view.getHeight();

 

        if(position < -1) {// [-Infinity,-1)

          // This page is way off-screen to the left.

          view.setAlpha(0);

 

        }elseif(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);

 

 

        }elseif(position <=1) {// (0,1]

 

          // Fade the page out.

//          view.setAlpha(1 - position);

//

//          // Counteract the default slide transition

          view.setAlpha(1);

          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);

        }

 

 

      }

    });

 

下面我们来讲讲position参数:

position的可能性的值有:

[-Infinity,-1)  已经看不到了

(1,+Infinity] 已经看不到了

 [-1,1]

重点看[-1,1]这个区间 , 其他两个的View都已经看不到了~~

 假设现在ViewPager在A页现在滑出B页,则:

A页的position变化就是( 0, -1]

B页的position变化就是[ 1 , 0 ]

热门栏目