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:

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装入数组中
        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 list = new ArrayList();
        list.add(fragment1);
        list.add(fragment2);
        list.add(fragment3);
        list.add(fragment4);

3. 用相应的适配器Adapter关联上面的页卡（View/Fragment）和ViewPager：

• PagerAdapter 数据源：List
• FragmentPagerAdapter 数据源：List
• FragmentStatePagerAdapter 数据源：List

写一个继承相应Adapter的类，然后根据需求重写方法，有几个方法是必须重写的

当页卡是View时：用ViewPagerAdapter：

  public class MyViewPagerAdapter extends PagerAdapter{
     private List mListViews;
     public MyViewPagerAdapter(List 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 list;

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

    public MyFragmentAdapter(FragmentManager fm,List 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开发中的相关知识，感兴趣的同学可以继续关注本人运营的Wechat Public Account：
• 我想给你们介绍一个与众不同的Android微信公众号（福利回赠）
• 我想邀请您和我一起写Android（福利回赠）

---

请点赞！因为你们的鼓励是我写作的最大动力！

相关文章阅读
Android开发：最全面、最易懂的Android屏幕适配解决方案
Android开发：史上最全的Android消息推送解决方案
Android开发：最全面、最易懂的Webview详解
Android开发：JSON简介及最全面解析方法!
Android四大组件：Service服务史上最全面解析
Android四大组件：BroadcastReceiver史上最全面解析

---

欢迎关注Carson_Ho的！

不定期分享关于安卓开发的干货，追求短、平、快，但却不缺深度。