Android RelativeLayout背景图布局高度异常修复咨询

问题根源在于：你的RelativeLayout设置了wrap_content高度，它的高度仅由内部的LinearLayout决定，而Glide加载的背景Drawable不会参与布局测量，所以背景图只能显示LinearLayout高度范围内的部分，无法撑出预期的高度。

下面是两种可行的修复方案：

方案一：改用ImageView作为背景层（推荐） #

在RelativeLayout内部添加一个ImageView作为底层背景，让它参与布局测量，这样RelativeLayout的高度会被ImageView撑开，同时保持子LinearLayout在背景上方：

修改布局代码：

<RelativeLayout
    android:id="@+id/rel_top"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 新增背景ImageView，放在LinearLayout之前 -->
    <ImageView
        android:id="@+id/img_background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"/>

    <LinearLayout
        android:id="@+id/lin_detail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/blackTrans80"
        android:orientation="horizontal">
        ...
    </LinearLayout>
</RelativeLayout>

修改加载代码：

// 找到新增的ImageView
val backgroundImg = findViewById<ImageView>(R.id.img_background)
val thumbnailUrl = comicDetailAPI!!.data.comic_detail.thumbnail

Glide.with(backgroundImg)
    .load(thumbnailUrl)
    .centerCrop()
    .into(backgroundImg)

这种方式更符合Android布局的设计逻辑，背景图作为View存在，能正确撑满布局，同时子布局的半透明层可以正常覆盖在上面。

方案二：动态设置RelativeLayout的高度 #

如果不想修改布局结构，可以在Glide加载完成后，根据图片的宽高比计算并设置RelativeLayout的高度：

修改setRelativeLayoutBackgroundWithThumbnail方法：

fun setRelativeLayoutBackgroundWithThumbnail(relativeLayout: RelativeLayout, thumbnailUrl: String) {
    val requestOptions = RequestOptions().centerCrop()

    Glide.with(relativeLayout)
        .asBitmap()
        .load(thumbnailUrl)
        .apply(requestOptions)
        .into(object : SimpleTarget<Bitmap>() {
            override fun onResourceReady(resource: Bitmap, transition: Transition<in Bitmap>?) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                    relativeLayout.background = BitmapDrawable(relativeLayout.resources, resource)
                }
                // 获取RelativeLayout的宽度（已设为match_parent，取屏幕宽度）
                val screenWidth = Resources.getSystem().displayMetrics.widthPixels
                // 按图片宽高比计算对应高度
                val height = (screenWidth * resource.height.toFloat() / resource.width).toInt()
                // 设置RelativeLayout高度
                val layoutParams = relativeLayout.layoutParams
                layoutParams.height = height
                relativeLayout.layoutParams = layoutParams
            }
        })
}

这种方式通过代码动态计算高度，但需要注意屏幕宽度的获取准确性，且布局加载后修改高度可能出现重绘闪烁，稳定性不如方案一。

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