Android使用ViewPager2实现页面滑动切换
Posted 涂程
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android使用ViewPager2实现页面滑动切换相关的知识,希望对你有一定的参考价值。
作者:QiShare
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能实现实际的需求。
以上是关于Android使用ViewPager2实现页面滑动切换的主要内容,如果未能解决你的问题,请参考以下文章
Android技术分享| ViewPager2离屏加载,实现抖音上下视频滑动
ViewPager2 TabLayout Fragment RecyclerView滑动冲突
ViewPager2嵌套RecyclerView滑动冲突解决办法