android studio 实现多张图片加简介上下滑动页面布局

实现多张图片加简介上下滑动页面布局，可以使用 RecyclerView 和 ViewPager2 组合实现。

首先，需要在 build.gradle 文件中添加以下依赖项：

implementation 'androidx.recyclerview:recyclerview:1.2.1'
implementation 'androidx.viewpager2:viewpager2:1.0.0'

然后，在布局文件中添加 RecyclerView 和 ViewPager2：

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recyclerview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

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

接着，创建一个 Adapter 类来填充 RecyclerView，这里使用了 CardView 来显示图片和简介：

class CardAdapter(private val items: List<CardItem>) :
    RecyclerView.Adapter<CardAdapter.ViewHolder>() {

    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val image: ImageView = itemView.findViewById(R.id.image)
        val title: TextView = itemView.findViewById(R.id.title)
        val subtitle: TextView = itemView.findViewById(R.id.subtitle)
    }

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

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val item = items[position]
        holder.image.setImageResource(item.image)
        holder.title.text = item.title
        holder.subtitle.text = item.subtitle
    }

    override fun getItemCount(): Int = items.size
}

在 CardAdapter 中，通过 onCreateViewHolder() 方法创建 ViewHolder，通过 onBindViewHolder() 方法绑定 ViewHolder 和数据。

接着，创建一个 PagerAdapter 类来填充 ViewPager2，这里使用了 ImageView 来显示图片：

class ImageAdapter(private val items: List<Int>) : RecyclerView.Adapter<ImageAdapter.ViewHolder>() {

    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val image: ImageView = itemView.findViewById(R.id.image)
    }

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

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val item = items[position]
        holder.image.setImageResource(item)
    }

    override fun getItemCount(): Int = items.size
}

在 ImageAdapter 中，通过 onCreateViewHolder() 方法创建 ViewHolder，通过 onBindViewHolder() 方法绑定 ViewHolder 和数据。

最后，在 Activity 或 Fragment 中，初始化 RecyclerView 和 ViewPager2：

val items = listOf(
    CardItem(R.drawable.image1, "Title 1", "Subtitle 1"),
    CardItem(R.drawable.image2, "Title 2", "Subtitle 2"),
    CardItem(R.drawable.image3, "Title 3", "Subtitle 3")
)

val recyclerView = findViewById<RecyclerView>(R.id.recyclerview)
recyclerView.adapter = CardAdapter(items)

val viewPager = findViewById<ViewPager2>(R.id.viewpager)
viewPager.adapter = ImageAdapter(items.map { it.image })

在 Activity 或 Fragment 中，通过设置 RecyclerView 的 adapter 和 ViewPager2 的 adapter 来显示数据。

这样就可以实现多张图片加简介上下滑动页面布局了。