嗨，我来帮你搞定这两个关于Jetpack Compose Pager的问题～

1. 如何在Jetpack Compose中使用Pager Layout？ #

首先，你需要确保项目引入了官方的Pager依赖（现在Pager已经整合到Compose Foundation库中）：

在Module级别的build.gradle.kts（或build.gradle）中添加依赖：

// 替换为最新的Compose版本号，比如1.6.0
implementation "androidx.compose.foundation:foundation-pager:1.6.0"

基础使用步骤如下：

• 导入必要的包：

  import androidx.compose.foundation.pager.HorizontalPager
  import androidx.compose.foundation.pager.rememberPagerState
  

• 创建PagerState：通过rememberPagerState保存页面状态，需要指定总页数pageCount
• 渲染HorizontalPager组件，传入状态，然后在内容lambda中根据当前页面索引（参数it）渲染对应内容

给你一个最简单的基础示例：

@Composable
fun BasicPager() {
    // 用lambda动态设置页数，后续修改更灵活
    val pagerState = rememberPagerState(pageCount = { 3 })
    
    HorizontalPager(
        state = pagerState,
        modifier = Modifier.fillMaxWidth()
    ) { pageIndex ->
        Text(
            text = "第 ${pageIndex + 1} 页",
            modifier = Modifier.fillMaxSize(),
            textAlign = TextAlign.Center,
            fontSize = 24.sp
        )
    }
}

2. 如何在HorizontalPager的不同页面显示不同图片？ #

看了你提供的代码，问题在于你每个页面都固定使用了image1，没有根据当前页面索引切换资源。解决起来很简单：

1. 把所有要展示的图片资源ID整理到一个列表中
2. 在HorizontalPager的内容lambda里，用当前页面索引（it参数）去列表中取对应的图片资源

修改后的完整代码示例：

@Composable
fun ImagePager() {
    // 按页面顺序存放你的图片资源ID
    val imageList = listOf(
        R.drawable.image1,
        R.drawable.image2,
        R.drawable.image3
    )
    
    // 用列表大小设置总页数，避免手动写死导致的数组越界问题
    val pagerState = rememberPagerState(pageCount = { imageList.size })
    
    HorizontalPager(
        state = pagerState,
        modifier = Modifier.fillMaxWidth()
    ) { pageIndex ->
        Image(
            painter = painterResource(id = imageList[pageIndex]),
            contentDescription = "页面 ${pageIndex + 1} 的图片",
            modifier = Modifier.fillMaxWidth(),
            contentScale = ContentScale.Crop // 根据需求设置图片缩放模式
        )
    }
}

这里还有几个实用细节：

• 用imageList.size作为pageCount，后续添加/删除图片时无需手动修改页数，更灵活
• 给contentDescription设置有意义的文本，这对无障碍访问很重要
• 可以根据布局需求调整contentScale，比如ContentScale.Fit保持图片比例，ContentScale.Crop让图片铺满容器

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