ViewPager2 实现页面滑动效果：完整代码示例与解析

ViewPager2 是 AndroidX 库中的一个组件，用于在同一个 Activity 或 Fragment 中展示多个页面，并支持水平和垂直滑动。相较于 ViewPager，ViewPager2 使用 RecyclerView 作为内部实现，拥有更高的灵活性。

本文将提供一个简单的示例代码，演示如何使用 ViewPager2 来实现页面滑动效果，并对代码进行详细解析。

1. 添加依赖

首先，在你的 build.gradle 文件中添加以下依赖：gradleimplementation 'androidx.viewpager2:viewpager2:1.1.0'

2. 布局文件

在你的布局文件中添加 ViewPager2 组件：xml<androidx.viewpager2.widget.ViewPager2 android:id='@+id/viewPager' android:layout_width='match_parent' android:layout_height='match_parent' />

3. Activity 或 Fragment 代码

在你的 Activity 或 Fragment 中，获取 ViewPager2 实例，并设置适配器：kotlinval viewPager: ViewPager2 = findViewById(R.id.viewPager)val adapter = MyPagerAdapter() viewPager.adapter = adapter

4. 创建适配器

创建 MyPagerAdapter 类，继承自 RecyclerView.Adapter<ViewPager2ViewHolder>，并实现必要的方法：kotlinclass MyPagerAdapter : RecyclerView.Adapter() { // 定义页面数据集合 private val pageData = listOf('Page 1', 'Page 2', 'Page 3')

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewPager2ViewHolder {        // 创建 ViewHolder        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_page, parent, false)        return ViewPager2ViewHolder(view)    }

override fun onBindViewHolder(holder: ViewPager2ViewHolder, position: Int) {        // 绑定页面数据        val data = pageData[position]        holder.bind(data)    }

override fun getItemCount(): Int {        // 返回页面数量        return pageData.size    }}

class ViewPager2ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) { fun bind(data: String) { // 设置页面内容 val textView: TextView = itemView.findViewById(R.id.textView) textView.text = data }}

5. 创建页面布局文件

在 res/layout 目录下创建 item_page.xml 布局文件，用于定义每个页面的布局：xml

总结

至此，你就完成了一个简单的 ViewPager2 实现。你可以根据自己的需求，自定义适配器和页面布局，实现更复杂的页面切换效果。例如，你可以添加 FragmentStateAdapter 来管理 Fragment 页面，或者使用 TabLayout 来指示当前页面。

希望这篇文章能帮助你快速上手 ViewPager2，并在你的 Android 应用中实现流畅的页面滑动效果。