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
    }


    @Override
    public 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() {
            @Override
            public 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">

    <TextView
        android: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.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/view_pager">

        <androidx.viewpager.widget.PagerTabStrip
            android: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;
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

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

    @Nullable
    @Override
    public 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);

    }

    @Override
    protected 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);

    }

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

四：效果图