Android Meme应用RecyclerView Item卡片随图片尺寸动态调整方案咨询

1. 修改ImageView布局配置 #

调整XML布局，通过minHeight保证初始占位高度，maxHeight限制大图高度，配合adjustViewBounds实现图片尺寸适配：

<ImageView
    android:id="@+id/meme_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    <!-- 初始占位时的固定高度 -->
    android:minHeight="300dp"
    <!-- 限制图片最大显示高度，可根据需求调整数值 -->
    android:maxHeight="600dp"
    android:layout_marginTop="8dp"
    android:scaleType="fitCenter"
    <!-- 开启后ImageView会根据图片宽高比自动计算合适高度 -->
    android:adjustViewBounds="true"
    <!-- 让圆形进度占位符在初始高度容器中居中显示 -->
    android:gravity="center"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/meme_user_title"
    tools:srcCompat="@tools:sample/avatars" />

2. 优化Glide加载逻辑 #

添加加载监听确保ImageView在图片加载完成后正确更新布局，同时完善圆形进度占位符的初始化：

// 初始化圆形进度占位符
val circularProgressDrawable = CircularProgressDrawable(context).apply {
    strokeWidth = 5f
    centerRadius = 30f
    // 替换为你需要的进度条颜色
    setColorSchemeColors(ContextCompat.getColor(context, R.color.progress_color))
    start()
}

Glide.with(context)
    .load(memes[position].url)
    .placeholder(circularProgressDrawable)
    .transition(DrawableTransitionOptions.withCrossFade())
    .listener(object : RequestListener<Drawable> {
        override fun onLoadFailed(
            e: GlideException?,
            model: Any?,
            target: Target<Drawable>?,
            isFirstResource: Boolean
        ): Boolean {
            // 加载失败时触发布局更新，保持初始高度或自定义错误处理
            holder.img.requestLayout()
            return false
        }

        override fun onResourceReady(
            resource: Drawable?,
            model: Any?,
            target: Target<Drawable>?,
            dataSource: DataSource?,
            isFirstResource: Boolean
        ): Boolean {
            // 图片加载完成后强制刷新布局，确保ImageView适配图片尺寸
            holder.img.requestLayout()
            return false
        }
    })
    .into(holder.img)

3. 调整RecyclerView配置 #

禁用setHasFixedSize(true)，因为Item高度会动态变化，确保RecyclerView能正确计算并更新列表高度：

recyclerView.setHasFixedSize(false)

关键逻辑说明 #

• minHeight：保证初始状态下ImageView有固定高度显示圆形进度条，避免布局跳动。
• adjustViewBounds：让ImageView根据图片的宽高比自动调整自身高度，同时保持宽度匹配父容器。
• maxHeight：防止超长/超高图片占满屏幕，提升界面体验。
• Glide监听：确保图片加载完成后触发布局更新，让ImageView及时适配新的尺寸。

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