ViewPager 快速上手

前言：

ViewPager是Android 3.0后引入的一个UI控件，用以编写滑动布局，其可以放入View或Fragment，管理方面可以使用FragmentPageAdapter，FragmentStatePagerAdapter或PagerAdapter来管理页面。但最好使用Fragment(拥有生命周期)来填充而不是View。FragmentPageAdapter只会缓存当前可视化碎片及邻近三个（不足三个则缓存剩下的），FragmentStatePagerAdapter则只会缓存当前可视化的碎片。关于具体使用哪种适配器取决于具体的业务场景。下面来看一下具体写法。

一：创建要展示的Fragment和xml文件（要滑动几个就创建几个）

这里创建了四个Fragment及其xml文件。逻辑和布局很简单也很相似，这里仅贴出一个Fragment及其布局文件
OneFragment.java

public class OneFragment extends Fragment {public OneFragment() {// Required empty public constructor}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View fragmentOne = inflater.inflate(R.layout.layout_one, container, false);final TextView textViewOne = (TextView) fragmentOne.findViewById(R.id.test_text_view_one);textViewOne.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {textViewOne.setText("Earth");}});return fragmentOne;}}

layout_one.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:background="@color/colorBlue"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/test_text_view_one"android:text="Life"android:textSize="36sp"android:layout_gravity="center"android:paddingTop="150dp"/></LinearLayout>

主活动布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><androidx.viewpager.widget.ViewPagerandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/view_pager"><androidx.viewpager.widget.PagerTabStripandroid:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/view_pager_tab_strip" /></androidx.viewpager.widget.ViewPager></androidx.constraintlayout.widget.ConstraintLayout>

效果图：

（这里我设置的背景为蓝色，读者可以在res/values/color.xml设置颜色）

二：创建适配器（继承于FragmentPagerAdapter）

这里先说明一下其重写方法和常见方法及变量的大概作用

List< Fragment >：用来存放碎片的泛型集合
List< String >：用来存放标题的泛型集合
FragmentManager：管理碎片
构造器：初始化数据
getItem()：返回具体索引的界面
getCount()：返回界面数量
getPageTitle：返回标题栏具体索引的标题

这里先把适配器全部代码放出然后再说明

public class FragmentViewPagerAdapter extends FragmentPagerAdapter {List<Fragment> fragmentList;List<String> titleList;FragmentManager fragmentManager;public FragmentViewPagerAdapter(FragmentManager fm, List<Fragment> fragmentList, List<String> titleList) {super(fm);this.fragmentList = fragmentList;this.titleList = titleList;this.fragmentManager = fm;}@Overridepublic Fragment getItem(int position) {return fragmentList.get(position);}@Overridepublic int getCount() {return fragmentList.size();}@Nullable@Overridepublic CharSequence getPageTitle(int position) {return titleList.get(position);}
}

说明：类成员的作用无需多言，构造器亦是如此。getItem()根据position返回了一个Fragment对象。getCount()根据List< Fragment >的实例对象返回其长度用于决定ViewPager的页面数量。getPageTitle()根据List< String >返回标题的内容。相比使用PagerAdapter而言碎片的使用更加简洁。

三：在Activity中配置

这里先贴出全部代码如下：

public class MainActivity extends AppCompatActivity {List<Fragment> fragmentList = new ArrayList<>();List<String> titleList = new ArrayList<>();ViewPager viewPager;private FragmentManager fragmentManager;private FragmentViewPagerAdapter fragmentViewPagerAdapter;private void initView(){viewPager = (ViewPager) findViewById(R.id.view_pager);OneFragment oneFragment = new OneFragment();TwoFragment twoFragment = new TwoFragment();ThreeFragment threeFragment = new ThreeFragment();FourFragment fourFragment = new FourFragment();fragmentList.add(oneFragment);fragmentList.add(twoFragment);fragmentList.add(threeFragment);fragmentList.add(fourFragment);titleList.add("News");titleList.add("Latest");titleList.add("Located");titleList.add("Favorite");fragmentManager = getSupportFragmentManager();fragmentViewPagerAdapter = new FragmentViewPagerAdapter(fragmentManager, fragmentList, titleList);viewPager.setAdapter(fragmentViewPagerAdapter);viewPager.setCurrentItem(0);}@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}}

说明：

这是对碎片泛型集合和标题泛型集合进行初始化，接着定义ViewPager对象。

List<Fragment> fragmentList = new ArrayList<>();
List<String> titleList = new ArrayList<>();
ViewPager viewPager;

这里先定义FragmentManager对象用以管理碎片对象，FragmentViewPagerAdapter就是上面我们创建的自定义适配器。

private FragmentManager fragmentManager;
private FragmentViewPagerAdapter fragmentViewPagerAdapter;

下面可能有些长，但内容很简单。先把ViewPager注册，接着实例化我们创建的碎片对象并添加到碎片泛型集合；然后把标题放入标题泛型集合内。最后把FragmentViewPagerAdapter实例化，先传入我们上面定义的FragmentManager对象，然后放碎片泛型集合，标题泛型集合，然后调用ViewPager.setAdapter()把适配器传入即可。

private void initView(){viewPager = (ViewPager) findViewById(R.id.view_pager);OneFragment oneFragment = new OneFragment();TwoFragment twoFragment = new TwoFragment();ThreeFragment threeFragment = new ThreeFragment();FourFragment fourFragment = new FourFragment();fragmentList.add(oneFragment);fragmentList.add(twoFragment);fragmentList.add(threeFragment);fragmentList.add(fourFragment);titleList.add("News");titleList.add("Latest");titleList.add("Located");titleList.add("Favorite");fragmentManager = getSupportFragmentManager();fragmentViewPagerAdapter = new FragmentViewPagerAdapter(fragmentManager, fragmentList, titleList);viewPager.setAdapter(fragmentViewPagerAdapter);viewPager.setCurrentItem(0);}

关于标题栏的风格网上已有很对介绍，使用也很简单，这里不再赘述。

四：效果图