Android使用ViewPager2实现页面滑动切换

1.引言

在很多应用中，我们经常会看到多个页面之间滑动切换的场景，ViewPager2是ViewPager的升级版，本文将简要介绍如何使用ViewPager2、FragmentStateAdapter和Fragment来实现页面之间的滑动切换。

2.实现页面滑动切换

2.1 引入ViewPager2库

要使用ViewPager2，需要引入ViewPager2库，引入方法如下：

implementation "androidx.viewpager2:viewpager2:1.0.0" 

2.2 使用ViewPager2

在布局中使用ViewPager2，示例如下：

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/> 

2.3 构建Fragment

本Fragment只为简单演示使用，其布局如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@color/black"/>

</LinearLayout> 

ContentFragment类的实现如下：

public class ContentFragment extends Fragment {
    private String content;

    public ContentFragment(String content) {
        this.content = content;
    }

    private TextView tv_content;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_content, container, false);
        tv_content = view.findViewById(R.id.tv_content);
        tv_content.setText(content);
        return view;
    }

    public void setContent(String content) {
        this.content = content;
        tv_content.setText(content);
    }
} 

2.4 继承FragmentStateAdapter

创建自定义的类ContentPagerAdapter，让它继承FragmentStateAdapter，并实现createFragment(int position)和getItemCount()方法，示例如下：

public class ContentPagerAdapter extends FragmentStateAdapter {
    private List<ContentFragment> datas;

    public ContentPagerAdapter(@NonNull FragmentActivity fragmentActivity,List<ContentFragment> datas) {
        super(fragmentActivity);
        this.datas = datas;
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return datas.get(position);
    }

    @Override
    public int getItemCount() {
        return datas.size();
    }
} 

2.5 将ViewPager2与适配器绑定

将ViewPager2与适配器绑定后，便可实现页面滑动切换，示例如下：

datas = new ArrayList<>();
datas.add(new ContentFragment("页面1"));
datas.add(new ContentFragment("页面2"));
datas.add(new ContentFragment("页面3"));
datas.add(new ContentFragment("页面4"));
datas.add(new ContentFragment("页面5"));
contentPagerAdapter = new ContentPagerAdapter(this, datas);
viewPager2.setAdapter(contentPagerAdapter); 

2.6 垂直方向滑动切换

ViewPager2不仅支持水平方向的滑动，还支持垂直方向的滑动，实现垂直滑动也是相当简单，在布局文件中添加android:orientation="vertical"属性即可，如下所示：

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"/> 

或者在代码中调用ViewPager2的setOrientation(ViewPager2.ORIENTATION_VERTICAL)方法也可以让ViewPager2实现垂直方向的滑动。

2.7 Fragment更新

当Fragment集合发生变化需要更新时，使用FragmentStateAdapter进行更新也很便捷，由于ViewPager2是基于RecyclerView实现的，所以更新数据的时候可以调用notifyItemChanged(int position)、notifyItemInserted(int position)等方法进行更新。

3.总结

使用ViewPager2、FragmentStateAdapter和Fragment可以便捷地实现页面之间的滑动切换，它不仅支持水平方向的滑动，还能通过简单的设置就能实现垂直方向的滑动，灵活地运用ViewPager2能实现实际的需求。

最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，需要一份小编整理出来的学习资料的关注我主页或者点击扫描下方二维码免费领取~