如何在Android Studio Kotlin中实现页面左右滑动切换功能

直接给你一套可落地的实现步骤，适配你现有两个页面的情况：

1. 把现有页面内容迁移为Fragment #

你之前的MainActivity和FoldersActivity改成Fragment，更适配ViewPager2的生命周期管理：

• 新建MainFragment类，把activity_main.xml的布局内容复制到fragment_main.xml，然后在MainFragment的onCreateView方法里初始化原来的ImageButton、RecyclerView、背景切换逻辑。
• 同理，新建FoldersFragment，迁移FoldersActivity的布局和功能代码到这个Fragment里。

2. 搭建ViewPager2的宿主页面 #

可以新建一个MainHostActivity（或者直接改造原来的MainActivity作为宿主），它的布局只需要放ViewPager2：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

</LinearLayout>

3. 写ViewPager2的适配器 #

创建一个继承自FragmentStateAdapter的适配器类，用来提供两个Fragment：

class PageAdapter(fragmentActivity: FragmentActivity) : FragmentStateAdapter(fragmentActivity) {
    // 返回页面数量，这里是2个
    override fun getItemCount() = 2

    // 根据位置返回对应的Fragment
    override fun createFragment(position: Int): Fragment {
        return when (position) {
            0 -> MainFragment()
            1 -> FoldersFragment()
            else -> MainFragment()
        }
    }
}

4. 初始化ViewPager2 #

在宿主Activity的onCreate方法里绑定ViewPager2并设置适配器：

class MainHostActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main_host)
        
        val viewPager = findViewById<ViewPager2>(R.id.main_view_pager)
        viewPager.adapter = PageAdapter(this)
    }
}

可选：加页面指示器（TabLayout） #

如果需要显示当前页面的标识，可以配合TabLayout使用：

1. 在宿主布局里添加TabLayout：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

</LinearLayout>

2. 在Activity里关联TabLayout和ViewPager2：

TabLayoutMediator(tab_layout, main_view_pager) { tab, position ->
    tab.text = if (position == 0) "主页" else "文件夹"
}.attach()

依赖检查 #

确保你的build.gradle(Module level)里有这两个依赖（新建项目一般默认包含，如果没有就加上）：

implementation "androidx.viewpager2:viewpager2:1.0.0"
implementation "com.google.android.material:material:1.9.0"

内容的提问来源于stack exchange，提问作者luka lutidze