Android中实现ImageView顶部全透明、底部完全显示的方案问询

要实现顶部全透明、底部完全不透明的渐变（修改图片自身像素而非上层覆盖），可以通过Bitmap合成+渐变遮罩的方式处理，具体步骤如下：

1. 编写Bitmap处理工具函数 #

创建一个函数，将原始Bitmap与垂直渐变遮罩合成，生成带透明度渐变的新Bitmap：

import android.graphics.*

fun applyVerticalOpacityGradient(originalBitmap: Bitmap): Bitmap {
    val width = originalBitmap.width
    val height = originalBitmap.height
    // 创建与原图尺寸一致的空白Bitmap，用于输出结果
    val resultBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(resultBitmap)

    // 先绘制原始图片到画布
    canvas.drawBitmap(originalBitmap, 0f, 0f, null)

    // 创建垂直渐变的遮罩Paint
    val gradientPaint = Paint()
    val opacityGradient = LinearGradient(
        0f, 0f,  // 渐变起始点：View顶部
        0f, height.toFloat(),  // 渐变结束点：View底部
        0x00FFFFFF,  // 顶部颜色：全透明（alpha=0）
        0xFFFFFFFF,  // 底部颜色：完全不透明（alpha=255）
        Shader.TileMode.CLAMP
    )
    gradientPaint.shader = opacityGradient
    // 设置混合模式：用遮罩的透明度修改原图像素的透明度
    gradientPaint.xfermode = PorterDuffXfermode(PorterDuff.Mode.DST_IN)

    // 绘制渐变遮罩，完成透明度合成
    canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), gradientPaint)

    return resultBitmap
}

2. 处理后端图片并设置给ImageView #

调用上述函数处理从后端获取的Bitmap，再将结果设置为ImageView的背景：

// 假设thumbnailBottomBackgroundBlurred是从后端获取的原始Bitmap
val gradientProcessedBitmap = applyVerticalOpacityGradient(thumbnailBottomBackgroundBlurred)
val gradientDrawable = BitmapDrawable(resources, gradientProcessedBitmap)
cardLayout.bottom_container_background.background = gradientDrawable

// 可选：如果原始Bitmap不再使用，回收以释放内存
// thumbnailBottomBackgroundBlurred.recycle()

3. 调整ImageView的XML属性 #

移除原XML中不需要的android:src和android:alpha属性，确保图片能正确填满容器（可根据需求调整scaleType）：

<ImageView
    android:id="@+id/bottom_container_background"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottom_container_height"
    android:adjustViewBounds="true"
    android:scaleType="fitXY"
    app:layout_constraintBottom_toBottomOf="@+id/iv_epg"
    app:layout_constraintEnd_toEndOf="@+id/iv_epg"
    app:layout_constraintStart_toStartOf="@+id/iv_epg" />

关键说明 #

• 使用PorterDuff.Mode.DST_IN混合模式：确保渐变遮罩的透明度直接作用于原图的每个像素，而非在图片上层添加覆盖层，完全符合修改图片自身像素的需求。
• 渐变方向：通过LinearGradient的起始/结束坐标设置垂直方向渐变，若需要水平渐变可修改坐标参数。

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