這期內(nèi)容當中小編將會給大家?guī)碛嘘P怎么在android應用中利用ViewPager實現(xiàn)一個滑動翻頁效果，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

目前成都創(chuàng)新互聯(lián)已為超過千家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)絡空間、網(wǎng)站托管、服務器托管、企業(yè)網(wǎng)站設計、高明網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

實現(xiàn)ViewPager的滑動翻頁效果可以使用ViewPager的setPageTransformer方法，如下：

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.View;


public class ReadViewPager extends ViewPager
{
  public ReadViewPager(Context context)
  {
    super(context);
  }

  public ReadViewPager(Context context, AttributeSet attrs)
  {
    super(context, attrs);
    setAnima();
  }

  public void setAnima()
  {
    setPageTransformer(true, new PageTransformer()
    {
      private static final float MIN_SCALE = 0.75f;

      @Override
      public void transformPage(View view, float position)
      {

        int pageWidth = view.getWidth();
        int pageHeight =view.getHeight();

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

    });
  }
}

核心代碼是android官方demo，以上實現(xiàn)的是翻頁效果是：上面一頁被滑出界面時，下面一頁慢慢顯現(xiàn)，透明度慢慢加大，并且大小由小慢慢變大。

不過有一個奇怪的現(xiàn)象，當我做一個答題界面時，剛剛開始我采用ViewPager與View結(jié)合實現(xiàn)無限循環(huán)切換，并且采用上面的動畫效果，可是每當我滑動到最后一張，也就是要開始新的一輪循環(huán)的時候，被滑出去的一頁也會出現(xiàn)慢慢變透明的情況，而我用ViewPager結(jié)合Fragment實現(xiàn)無限循環(huán)切換的是就不會出現(xiàn)這種效果

如果想要實現(xiàn)仿造駕考寶典的翻頁效果，只要把核心方法改為以下代碼便可以了

setPageTransformer(true, new PageTransformer() {
      private static final float MIN_SCALE = 0.75f;

      @Override
      public void transformPage(View view, float position) {

        int pageWidth = view.getWidth();
         int pageHeight =view.getHeight();

        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.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參數(shù)：

position的可能性的值有：

[-Infinity,-1)  已經(jīng)看不到了

(1,+Infinity] 已經(jīng)看不到了

 [-1,1]

重點看[-1,1]這個區(qū)間 ， 其他兩個的View都已經(jīng)看不到了~~

 假設現(xiàn)在ViewPager在A頁現(xiàn)在滑出B頁，則:

A頁的position變化就是( 0, -1]

B頁的position變化就是[ 1 , 0 ]

上述就是小編為大家分享的怎么在android應用中利用ViewPager實現(xiàn)一個滑動翻頁效果了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁標題：怎么在android應用中利用ViewPager實現(xiàn)一個滑動翻頁效果-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/csdees.html