Android中的ViewPager允许用户在数据页面之间左右翻转。
在我们的Android ViewPager应用程序中，我们将实现一个ViewPager，该控件可在具有不同图像和文本的三个视图之间滑动。

Android ViewPager

在支持库中找到了Android ViewPager小部件，它允许用户向左或者向右滑动以查看全新的屏幕。

今天，我们通过使用Views和PagerAdapter来实现ViewPager。
尽管我们也可以使用Fragments实现相同的功能，但是我们将在以后的教程中进行讨论。

ViewPager使用PagerAdapter，其工作是向MainActivity提供视图，类似于ListAdapter对ListView所做的操作。

Android ViewPager示例

Android ViewPager示例代码

activity_main.xml仅由ViewPager组成，如下所示。

activity_main.xml

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
  xmlns:tools="https://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">

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

</RelativeLayout>

MainActivity.java在下面给出。

MainActivity.java

package com.theitroad.viewpager;

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
      viewPager.setAdapter(new CustomPagerAdapter(this));
  }
}

上面代码中MainActivity的作用是仅引用ViewPager并设置CustomPagerAdapter来扩展PagerAdapter。

在讨论CustomPagerAdapter类之前，让我们看一下ModelObject类。

ModelObject.java

package com.theitroad.viewpager;

public enum ModelObject {

  RED(R.string.red, R.layout.view_red),
  BLUE(R.string.blue, R.layout.view_blue),
  GREEN(R.string.green, R.layout.view_green);

  private int mTitleResId;
  private int mLayoutResId;

  ModelObject(int titleResId, int layoutResId) {
      mTitleResId = titleResId;
      mLayoutResId = layoutResId;
  }

  public int getTitleResId() {
      return mTitleResId;
  }

  public int getLayoutResId() {
      return mLayoutResId;
  }

}

上面的枚举列出了ViewPagers的所有页面。
共有三页，分别有各自的布局。

单个页面的布局如下。

view_blue.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
  android:orientation="vertical" android:layout_width="match_parent"
  android:background="@android:color/holo_blue_dark"
  android:layout_height="match_parent">

  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Second View"
      android:layout_gravity="center_horizontal"
      android:textSize="28sp"
      android:textColor="@android:color/black"
      android:textStyle="bold"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true"
      android:id="@+id/textView" 

  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Swipe left to\nFirst View"
      android:layout_gravity="center_horizontal"
      android:textSize="20sp"
      android:textColor="@android:color/black"
      android:textStyle="bold"
      android:minLines="2"
      android:id="@+id/textView2"
      android:padding="@dimen/activity_horizontal_margin"
      android:layout_alignParentBottom="true"
      android:layout_alignParentLeft="true"
      android:layout_alignParentStart="true" 

  <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Swipe right to\nThird View"
      android:layout_gravity="center_horizontal"
      android:textSize="20sp"
      android:textColor="@android:color/black"
      android:textStyle="bold"
      android:padding="@dimen/activity_horizontal_margin"
      android:minLines="2"
      android:id="@+id/textView3"
      android:layout_alignTop="@+id/textView2"
      android:layout_alignParentRight="true"
      android:layout_alignParentEnd="true" 

</RelativeLayout>

其余两个页面具有相似的布局，并在该项目的源代码中给出。

CustomPagerAdapter.java

package com.theitroad.viewpager;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class CustomPagerAdapter extends PagerAdapter {

  private Context mContext;

  public CustomPagerAdapter(Context context) {
      mContext = context;
  }

  @Override
  public Object instantiateItem(ViewGroup collection, int position) {
      ModelObject modelObject = ModelObject.values()[position];
      LayoutInflater inflater = LayoutInflater.from(mContext);
      ViewGroup layout = (ViewGroup) inflater.inflate(modelObject.getLayoutResId(), collection, false);
      collection.addView(layout);
      return layout;
  }

  @Override
  public void destroyItem(ViewGroup collection, int position, Object view) {
      collection.removeView((View) view);
  }

  @Override
  public int getCount() {
      return ModelObject.values().length;
  }

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

  @Override
  public CharSequence getPageTitle(int position) {
      ModelObject customPagerEnum = ModelObject.values()[position];
      return mContext.getString(customPagerEnum.getTitleResId());
  }

}

• CustomPagerAdapter(Context context)：构造函数需要一个Context引用。
  上下文被保存为该类的成员变量，因为稍后将其用于从枚举类访问各个页面布局
• InstantiateItem：在这种情况下，我们使用枚举并将特定枚举值的关联布局充气。
  然后，我们将新膨胀的布局添加到PagerAdapter维护的ViewGroup(视图集合)中，然后返回该布局。
  此方法返回的对象稍后也将用作isViewFromObject方法中的第二个参数
• destroyItem：此方法从PagerAdapter维护的ViewGroup中删除特定视图
• getCount：它只是返回将由ViewPager维护的视图数。
  对于此示例，计数是模型对象中枚举值的数量
• isViewFromObject：此方法检查特定对象是否属于给定位置，这很简单。
  如前所述，第二个参数的类型为Object，并且与instantiateItem方法的返回值相同
• getPageTitle：在给定位置，我们需要为PagerAdapter提供标题。
  通常，这会在ActionBar中显示为"活动"标题，或者有时标签会挂接到此方法中以标记每个标签。
  在这种情况下，我们将其保留为仅用于标签