Android基础——Viewpager使用浅析（一）

ViewPager主要包括以下内容：

• ViewPager 基本使用（简介、适配器）
• ViewPager + TabLayout + Fragment 的使用
• ViewPager 轮播图的使用（指示器、标题、自动轮播、首尾循环）
• ViewPager 的切换效果（PageTransformer）
• ViewPager 切换效果进阶

1. 序言

ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个View，然后我们可以左 右滑动，从而切换不同的View

这里简单归结如下：

• ViewPager 是 v4 包中的一个类。
• ViewPager 类直接继承了 ViewGroup 类，它是一个容器类，可以在其中添加其他的 view 。
• 类似于 ListView，也有自己的适配器，用来填充数据页面

这里简单介绍一下Viewpager的常用动态设置方法：

• setAdapter(PagerAdapter adapter) 设置适配器
• setOffscreenPageLimit(int limit) 设置缓存的页面个数,默认是 1
• setCurrentItem(int item) 跳转到特定的页面
• setOnPageChangeListener(..) 设置页面滑动时的监听器（现在API中建议使用 addOnPageChangeListener(..)）
• setPageTransformer(..PageTransformer) 设置页面切换时的动画效果
• setPageMargin(int marginPixels) 设置不同页面之间的间隔
• setPageMarginDrawable(..) 设置不同页面间隔之间的装饰图也就是 divide ，要想显示设置的图片，需要同时设置 setPageMargin()

前面学的ListView，GridView一样，我们也需要一个Adapter (适配器)将我们的View和ViewPager进行绑定，而ViewPager则有一个特定的Adapter—— PagerAdapter！

Google官方是建议我们使用Fragment来填充ViewPager的，这样 可以更加方便的生成每个Page，以及管理每个Page的生命周期！给我们提供了两个Fragment 专用的Adapter：FragmentPageAdapter和FragmentStatePagerAdapter 我们简要的来分析下这两个Adapter的区别：

• FragmentPageAdapter：和PagerAdapter一样，只会缓存当前的Fragment以及左边一个，右边 一个，即总共会缓存3个Fragment而已，假如有1，2，3，4四个页面：
  处于1页面：缓存1，2
  处于2页面：缓存1，2，3
  处于3页面：销毁1页面，缓存2，3，4
  处于4页面：销毁2页面，缓存3，4
  更多页面的情况，依次类推~
• FragmentStatePagerAdapter：当Fragment对用户不 见得时，整个Fragment会被销毁， 只会保存Fragment的状态！而在页面需要重新显示的时候，会生成新的页面！

综上，FragmentPageAdapter适合固定的页面较少的场合；而FragmentStatePagerAdapter则适合 于页面较多或者页面内容非常复杂(需占用大量内存)的情况！

2. ViewPager简单使用

2.1 PagerAdapter使用

PagerAdapter 是抽象的类，所以使用时只能使用它的子类，即FragmentPageAdapter和FragmentStatePagerAdapter 。

实现子类必须实现一下四个方法（一般重写getCount()与isViewFromObject()即可）：

• getCount(); 是获取当前窗体界面数，也就是数据的个数。即Viewpager中有多少个view
• destroyItem(ViewGroup container, int position, Object object); 如果页面不是当前显示的页面也不是要缓存的页面，会调用这个方法，将页面销毁。确保在finishUpdate(viewGroup)返回时视图能够被移除。
• instantiateItem(View container, int position); 要显示的页面或需要缓存的页面，会调用这个方法进行布局的初始化。
• isViewFromObject(View view, Object object); 这个方法用于判断是否由对象生成界面，官方建议直接返回 return view == object;。

其中ViewPager常用的方法有：

• setAdapter(PagerAdapter adapter)
  建立与适配器的联系
  adapter:与ViewPager配合使用的适配器

• ViewPager.getCurrentItem()

  返回当前页的索引，也就是返回当前显示的页码；

  adapter:与ViewPager配合使用的适配器

• ViewPager.setCurrentItem(int position)

  设置当前页，position:被设置的当前页的索引；

---

简单示例：

• 编写每个View的布局（view_one.xml）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFBA55"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一个Page"
        android:textColor="#000000"
        android:textSize="18sp"
        android:textStyle="bold" />

</LinearLayout>

• 编写activity_main.xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/vpager_one"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

• 编写自定义的PagerAdapter

public class MyPagerAdapter extends PagerAdapter {
   

    private ArrayList<View> viewLists;

    public MyPagerAdapter() {
   

    }

    public MyPagerAdapter(ArrayList<View> viewLists) {
   
        super();
        this.viewLists = viewLists;
    }

    @Override
    public int getCount() {
   
        return viewLists.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
   
        return view == o;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
   
        container.addView(viewLists.get(position));
        return viewLists.get(position);
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
   
        container.removeView(viewLists.get(position));
    }
}

• 编写MainActivity.java代码