如何在Jetpack Compose中实现类似ViewPager2的左右滑动切换Activity？

方案1：自定义Activity转场动画+手势监听（保留多Activity结构） #

这种方式通过模拟滑动转场效果，让Activity切换时呈现出类似ViewPager的滑动体验，核心是手势触发Activity跳转+自定义滑动动画。

步骤： #

1. 创建滑动转场动画资源
   在res/anim目录下创建4个动画文件：

   • slide_in_right.xml（新Activity从右侧滑入）

     <translate xmlns:android="http://schemas.android.com/apk/res/android"
         android:fromXDelta="100%p"
         android:toXDelta="0"
         android:duration="300"/>
     

   • slide_out_left.xml（当前Activity从左侧滑出）

     <translate xmlns:android="http://schemas.android.com/apk/res/android"
         android:fromXDelta="0"
         android:toXDelta="-100%p"
         android:duration="300"/>
     

   • slide_in_left.xml（返回时Activity从左侧滑入）

     <translate xmlns:android="http://schemas.android.com/apk/res/android"
         android:fromXDelta="-100%p"
         android:toXDelta="0"
         android:duration="300"/>
     

   • slide_out_right.xml（返回时当前Activity从右侧滑出）

     <translate xmlns:android="http://schemas.android.com/apk/res/android"
         android:fromXDelta="0"
         android:toXDelta="100%p"
         android:duration="300"/>
     

2. 在Activity中添加手势监听与跳转逻辑
   在每个Activity的根Composable上添加水平拖拽监听，达到阈值时触发Activity跳转，并设置转场动画：

   class FirstActivity : ComponentActivity() {
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContent {
               YourAppTheme {
                   Box(
                       modifier = Modifier
                           .fillMaxSize()
                           .detectHorizontalDragGestures(
                               onDragEnd = { velocity ->
                                   // 向右滑动速度超过阈值，启动下一个Activity
                                   if (velocity > 1000f) {
                                       startActivity(Intent(this, SecondActivity::class.java))
                                       overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left)
                                   }
                               }
                           )
                   ) {
                       Text(text = "第一个Activity页面", modifier = Modifier.align(Alignment.Center))
                   }
               }
           }
       }
   
       // 返回时设置反向转场动画
       override fun onBackPressed() {
           super.onBackPressed()
           overridePendingTransition(R.anim.slide_in_left, R.anim.slide_out_right)
       }
   }
   

方案2：迁移到单Activity+Compose Pager（推荐，更符合Compose最佳实践） #

如果可以放弃多Activity的结构，直接用Compose Pager（Accompanist库提供）来管理多个页面的滑动，是最流畅且易维护的方案，完全不需要Fragment，所有页面都是独立的Composable函数。

实现代码： #

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            YourAppTheme {
                // 初始化Pager状态，指定页面数量
                val pagerState = rememberPagerState(pageCount = 3)
                HorizontalPager(state = pagerState) { page ->
                    // 根据页码加载对应页面的Composable
                    when (page) {
                        0 -> FirstPage()
                        1 -> SecondPage()
                        2 -> ThirdPage()
                    }
                }
            }
        }
    }
}

// 页面1的Composable
@Composable
fun FirstPage() {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "页面1")
    }
}

// 页面2的Composable
@Composable
fun SecondPage() {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "页面2")
    }
}

// 页面3的Composable
@Composable
fun ThirdPage() {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "页面3")
    }
}

优势： #

• 滑动体验与ViewPager2完全一致，响应更流畅
• 无需处理多Activity的生命周期、数据传递等复杂问题
• 天然支持Compose的状态管理，页面间状态共享更便捷

方案3：ViewPager2嵌套Activity（不推荐） #

通过ViewPager2的适配器加载Activity的视图容器（如ActivityView），但这种方式需要处理Activity的生命周期嵌套，容易引发内存泄漏、状态异常等问题，仅在必须保留Activity独立生命周期的极端场景下考虑，不推荐常规使用。

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