如何让指定数量ImageView自适应尺寸并嵌入RecyclerView中

现有一个设置了固定宽高比（Dimension-Ratio）的横向RecyclerView，父布局为ConstraintLayout，布局代码如下：

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    ...>

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:orientation="horizontal"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        app:layout_constraintDimensionRatio="35:16"
        ... />
</androidx.constraintlayout.widget.ConstraintLayout>

需求是在该RecyclerView中展示ImageView列表，屏幕可视区域内固定显示指定数量的图片，其余图片横向滑动查看，效果参考：

当前编写的item布局如下：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginStart="4dp"
        android:layout_marginEnd="4dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:src="@drawable/image2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

现存问题：不给layout_width、layout_height设置固定数值时图片无法正常显示，需要实现ImageView宽高随RecyclerView实际高度、屏幕宽度动态适配，无需写死固定尺寸。

问题核心原因是item根布局和ImageView没有明确的尺寸参考，wrap_content模式下无法从父布局拿到测量上限，导致图片测量尺寸为0。按以下步骤修改即可：

• 第一步：补全RecyclerView约束与必要属性
  确保RecyclerView四个方向都约束到父ConstraintLayout（原代码省略部分需要补全start/end/top约束），否则0dp的match_constraint尺寸不生效。如果需要列表首尾保留边距，添加android:clipToPadding="false"避免边距内容被裁剪：

  <androidx.recyclerview.widget.RecyclerView
      android:layout_width="0dp"
      android:layout_height="0dp"
      android:orientation="horizontal"
      android:clipToPadding="false"
      app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
      app:layout_constraintDimensionRatio="35:16"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      ... />
  

• 第二步：修改item布局
  把item根布局高度改为match_parent，让item自动撑满RecyclerView的高度；删除ImageView的adjustViewBounds属性（该属性会干扰固定尺寸下的图片裁剪逻辑），给ImageView设置和设计一致的宽高比（示例图为正方形，即1:1）：

  <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="wrap_content"
      android:layout_height="match_parent">
  
      <ImageView
          android:id="@+id/image"
          android:layout_width="0dp"
          android:layout_height="0dp"
          android:layout_marginStart="4dp"
          android:layout_marginEnd="4dp"
          android:scaleType="centerCrop"
          android:src="@drawable/image2"
          app:layout_constraintDimensionRatio="1:1"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent" />
  </androidx.constraintlayout.widget.ConstraintLayout>
  

• 第三步：动态计算item宽度，保证一屏显示固定数量图片
  因为不同设备屏幕宽度不同，需要在RecyclerView测量完成后动态计算每个item的宽度，确保可视区域刚好显示指定数量的图片。以Kotlin代码为例：
  1. 先写dp转px的扩展方法：

  fun Context.dp2px(dp: Float): Int {
      return TypedValue.applyDimension(
          TypedValue.COMPLEX_UNIT_DIP,
          dp,
          resources.displayMetrics
      ).toInt()
  }
  

  2. 在页面初始化时，等RecyclerView布局完成后计算item宽度，传给Adapter：

  // 配置你需要一屏显示的图片数量
  const val VISIBLE_ITEM_COUNT = 3
  // 单张图片左右margin总和，对应布局里的marginStart+marginEnd=8dp
  private val itemHorizontalMargin = dp2px(8f)
  
  recyclerView.post {
      // 计算单张图片的宽度：(RecyclerView总宽度 - 所有图片的水平margin总和) / 显示数量
      val perItemWidth = (recyclerView.width - itemHorizontalMargin * VISIBLE_ITEM_COUNT) / VISIBLE_ITEM_COUNT
      adapter.setItemWidth(perItemWidth)
  }
  

  3. 在Adapter中添加宽度设置逻辑，绑定item时更新布局参数：

  class ImageAdapter : RecyclerView.Adapter<ImageAdapter.ImageViewHolder>() {
      private var itemWidth = 0
  
      fun setItemWidth(width: Int) {
          itemWidth = width
          notifyDataSetChanged()
      }
  
      override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ImageViewHolder {
          val view = LayoutInflater.from(parent.context).inflate(R.layout.item_image, parent, false)
          return ImageViewHolder(view)
      }
  
      override fun onBindViewHolder(holder: ImageViewHolder, position: Int) {
          val layoutParams = holder.itemView.layoutParams
          layoutParams.width = itemWidth
          layoutParams.height = ViewGroup.LayoutParams.MATCH_PARENT
          holder.itemView.layoutParams = layoutParams
          // 这里写你的图片加载逻辑
      }
  
      override fun getItemCount() = 10 // 替换成你的实际数据量
  
      class ImageViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView)
  }
  

修改完成后，RecyclerView会根据屏幕宽度自动按35:16的比例算出自身高度，item高度自动匹配RecyclerView高度，宽度按屏幕动态计算，不需要写死任何固定尺寸，同时保证一屏显示设定数量的图片。

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