Android：ViewPage使用教程

目錄

1. 定義

• ViewPager是Android擴展包v4包中的類

android.support.v4.view.ViewPager

• 類似於LinearLayout，ViewPager類直接繼承了ViewGroup類，是一個容器，需要在裏面添加我們想要顯示的內容。
• 類似於ListView，ViewPager類需要PagerAdapter適配器類提供數據。

2. 作用

• 左右切換當前的view，實現滑動切換的效果。

3. 使用

建立ViewPage的步驟：

1. 在XML佈局中加入android.support.v4.view.ViewPager:

     <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

2. 在MainActivity加載要顯示的頁卡:

當需要加載的頁卡是View時：

 LayoutInflater lf = getLayoutInflater().from(this);
        view1 = lf.inflate(R.layout.layout1, null);
        view2 = lf.inflate(R.layout.layout2, null);
        view3 = lf.inflate(R.layout.layout3, null);

        viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數組中
        viewList.add(view1);
        viewList.add(view2);
        viewList.add(view3);

當需要加載的頁卡是Fragment時：

        
        Fragment1 fragment1 = new Fragment1();
        Fragment2 fragment2 = new Fragment2();
        Fragment3 fragment3 = new Fragment3();
        Fragment4 fragment4 = new Fragment4();

      // 將要分頁顯示的View裝入數組中
      List<Fragment> list = new ArrayList<Fragment>();
        list.add(fragment1);
        list.add(fragment2);
        list.add(fragment3);
        list.add(fragment4);

3. 用相應的適配器Adapter關聯上面的頁卡（View/Fragment）和ViewPager：

• PagerAdapter 數據源：List<View>
• FragmentPagerAdapter 數據源：List<Fragment>
• FragmentStatePagerAdapter 數據源：List<Fragment>

寫一個繼承相應Adapter的類，然後根據需求重寫方法，有幾個方法是必須重寫的

當頁卡是View時：用ViewPagerAdapter：

  public class MyViewPagerAdapter extends PagerAdapter{
     private List<View> mListViews;
     public MyViewPagerAdapter(List<View> mListViews) {
        this.mListViews = mListViews;//構造方法，參數是我們的頁卡，這樣比較方便。
     }
    //直接繼承PagerAdapter，至少必須重寫下面的四個方法，否則會報錯
     @Override
     public void destroyItem(ViewGroup container, int position, Object object)  {   
        container.removeView(mListViews.get(position));//刪除頁卡
      }

     @Override
     public Object instantiateItem(ViewGroup container, int position){
        //這個方法用來實例化頁卡       
        container.addView(mListViews.get(position), 0);//添加頁卡
        return mListViews.get(position);
     }
     @Override
     public int getCount() {            
        return  mListViews.size();//返回頁卡的數量
     }
        
     @Override
     public boolean isViewFromObject(View arg0, Object arg1) {          
        return arg0==arg1;//官方提示這樣寫
     }
 }

當頁卡是Fragment時：用FragmentAdapter：

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentAdapter extends FragmentPagerAdapter {
    
    List<Fragment> list;

    public MyFragmentAdapter(FragmentManager fm) {
        super(fm);
    }

    public MyFragmentAdapter(FragmentManager fm,List<Fragment> list) {
        super(fm);
        this.list=list;
    }//寫構造方法，方便賦值調用
    @Override
    public Fragment getItem(int arg0) {
        return list.get(arg0);
    }//根據Item的位置返回對應位置的Fragment，綁定item和Fragment

    @Override
    public int getCount() {
        return list.size();
    }//設置Item的數量

}

4. 在Activity裏綁定Adapter

ViewPagerAdapter：

private ViewPager viewPager;

viewPager.setAdapter(new MyViewPagerAdapter(views));
viewPager.setCurrentItem(0);
viewPager.setOnPageChangeListener(new MyOnPageChangeListener());//設置頁面切換時候的監聽器(可選，用了之後要重寫它的回調方法處理頁面切換時候的事務)

FragmentPagerAdapter：

vp.addOnPageChangeListener(this);//設置頁面切換時的監聽器(可選，用了之後要重寫它的回調方法處理頁面切換時候的事務)
vp.setAdapter(new MyFragmentAdapter(getSupportFragmentManager(), list)

5. 設置切換、滑動動畫

利用Viewpage自帶的方法setPageTransformer()可用於設置切換動畫

• 步驟1：先定義動畫效果類（此處採用Google官方給出的動畫類）
  DepthPageTransformer.java

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

• 步驟2：動畫方法方法調用

mViewPager.setPageTransformer(true, new DepthPageTransformer());

這樣，切換動畫的設置就完成了。

4. FragmentStatePagerAdapter 和 FragmentPagerAdapter 的異同：

• 同
  PageAdapter 是 FragmentPagerAdapter 以及
  FragmentStatePagerAdapter 的基類，可將上面的FragmentPagerAdapter 替換成FragmentStatePagerAdapter

• 異
  FragmentPagerAdapter使用時，每一個生成的 Fragment 都將保存在內存之中，而 FragmentStatePagerAdapter 只保留了當前顯示的Fragment，其他劃過的Fragment離開視線後，就會被銷燬；而在頁面需要顯示時，再生成新的實例。

即當擁有大量的頁面時，使用FragmentStatePagerAdapter不必在內存中佔用大量的內存