ViewPager

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

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

</RelativeLayout>

public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

    ViewPager vPager = (ViewPager) findViewById(R.id.viewPager);
    //  Offscreen:离屏（屏幕外） PageLimit：页面限制
    vPager.setOffscreenPageLimit(2);//设置缓存页数
    vPager.setCurrentItem(0);//设置当前显示的item 0表示显示第一个

    /**
     *
     * 1.找到Viewpager控件，设置缓存页数，设置当前显示第几个Fragment
     *   然后初始化FragmentAdapter(这个适配器是我们自己写的，继承自FragmentStatePagerAdapter)
     * 2.接下来调用适配器的addFragment方法将要显示的Fragment添加进去
     * 3.最后调用ViewPager的setAdapter方法将适配器设置进去。
     *   当想知道ViewPager滑动到那个Fragment时，可以通过addonPageChangeListener方法来设置监听。
     *
     */
    FragmentAdapter pagerAdapter = new FragmentAdapter(getSupportFragmentManager());

    //注意：这个用适配器添加碎片
    pagerAdapter.addFragment(new FragmentTest("页面1",android.R.color.holo_red_dark));
    pagerAdapter.addFragment(new FragmentTest("页面2",android.R.color.holo_green_dark));
    pagerAdapter.addFragment(new FragmentTest("页面3",android.R.color.holo_red_dark));
    pagerAdapter.addFragment(new FragmentTest("页面4",android.R.color.holo_green_dark));

    //给ViewPager设置适配器
    vPager.setAdapter(pagerAdapter);

    //页面改变监听 (OnPageChangeListener：页面改变监听)
    vPager.addOnPageChangeListener(onPageChangeListener);
}

private ViewPager.OnPageChangeListener onPageChangeListener=new ViewPager.OnPageChangeListener() {
    //页面滑动
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

    //页面选择
    @Override
    public void onPageSelected(int position) {
        Log.i("MainActivity","选中了页面"+(position+1));
        Toast.makeText(MainActivity.this, "滑动到第" + (position + 1) + "页面", Toast.LENGTH_SHORT).show();
    }

    //页面滑动状态改变
    @Override
    public void onPageScrollStateChanged(int state) {}
};

}

碎片适配器
public class FragmentAdapter extends FragmentStatePagerAdapter {//继承于FragmentStatePagerAdapter
private final List<Fragment> fragmentList = new ArrayList<Fragment>();

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

/**
 * FragmentAdapter.java 继承FragmentStatePagerAdapter 类，
 * 与BaseAdapter 有点类似。相对于BaseAdapter ArrayAdapter适配器，
 * FragmentStatePagerAdapter 不需要重写getView 方法。
 * @param arg0
 * @return
 */

@Override
public Fragment getItem(int arg0) {//这个获取每一个item(也就是每一个页面)
    return fragmentList.get(arg0);
}

@Override
public int getCount() {//获取集合里面的个数（也就是集合里面的页数）
    return fragmentList.size();//
}

public void addFragment(Fragment fragment) {//添加碎片
    fragmentList.add(fragment);
}

}

添加的碎片类
@SuppressLint("ValidFragment") //这个用来屏蔽错误的 (因为这里构造方法，用了有参，报了个错误)
public class FragmentTest extends Fragment {
private String content;//内容
private int backgroundResourceId;//页面背景颜色

public FragmentTest(String content,int backgroundResourceId){
    this.content=content;
    this.backgroundResourceId=backgroundResourceId;
}

/**
 * FragmentTest.xml 在构造方法中传入两个参数，参数1 是内容，参数2 是页面背景颜色
 * @param inflater
 * @param container
 * @param savedInstanceState
 * @return
 */

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
    View rootView=LayoutInflater.from(getActivity()).inflate(R.layout.fragment_test, null);
    TextView tvContent= (TextView) rootView.findViewById(R.id.tv_content);
    tvContent.setText(content);

    rootView.setBackgroundResource(backgroundResourceId);//碎片布局设置背景资源（也就是背景颜色）
    return rootView;//返回碎片布局
}

}

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

<TextView
    android:id="@+id/tv_content"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="页面1"
    android:layout_centerInParent="true"
    android:textColor="@android:color/white"
    android:textSize="30dp"/>

</RelativeLayout>

页面效果如下

image.png