目錄
- 定義
- 作用
- 使用
- 滑動接口說明
- FragmentStatePagerAdapter 和 FragmentPagerAdapter 的異同
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. 滑動接口說明
關于ViewPage的滑動接口OnPageChangeListener（）如何使用，請看我寫的另外一篇文章：Android開發：ViewPage滑動接口最詳細解析
5. FragmentStatePagerAdapter 和 FragmentPagerAdapter 的異同：
- 同
PageAdapter 是 FragmentPagerAdapter 以及
FragmentStatePagerAdapter 的基類，可將上面的FragmentPagerAdapter 替換成FragmentStatePagerAdapter - 異
FragmentPagerAdapter使用時，每一個生成的 Fragment 都將保存在內存之中，而 FragmentStatePagerAdapter 只保留了當前顯示的Fragment，其他劃過的Fragment離開視線后，就會被銷毀；而在頁面需要顯示時，再生成新的實例。
即當擁有大量的頁面時，使用FragmentStatePagerAdapter不必在內存中占用大量的內存
6. 總結
- 本文對ViewPage的使用進行了全面的介紹
- 下面我將繼續對
Android中的知識進行深入講解 ，感興趣的同學可以繼續關注Carson_Ho的簡書
相關系列文章閱讀
Carson帶你學Android：學習方法
Carson帶你學Android：四大組件
Carson帶你學Android：自定義View
Carson帶你學Android：異步-多線程
Carson帶你學Android：性能優化
Carson帶你學Android：動畫
歡迎關注Carson_Ho的簡書
不定期分享關于安卓開發的干貨，追求短、平、快，但卻不缺深度。
