如何增大View的阴影半径？ImageView大半径阴影实现求助

嘿，我懂你想要的那种超大范围、柔柔和和的阴影效果——Android自带的elevation确实有点“放不开”，想搞大阴影的时候总差点意思，XML Shape的方式也确实不太好实现这种扩散感。下面给你几个亲测有效的方案，随便挑一个都能搞定：

方案一：用CardView快速实现（最省心） #

CardView对阴影的支持比原生ImageView灵活多了，只要把ImageView包在CardView里，调几个属性就能得到完美的大阴影圆形效果：

<androidx.cardview.widget.CardView
    android:layout_width="120dp"
    android:layout_height="120dp"
    <!-- 设置圆角为宽高的一半，让CardView变成圆形 -->
    app:cardCornerRadius="60dp"
    <!-- 调大阴影的高度，数值越大阴影范围越广 -->
    app:cardElevation="30dp"
    app:cardMaxElevation="30dp"
    <!-- 给阴影留出内部空间，避免被CardView自身裁剪 -->
    app:contentPadding="16dp"
    <!-- 自动适配不同版本的阴影padding，避免阴影被父容器切掉 -->
    app:cardUseCompatPadding="true">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/your_white_circle"
        android:scaleType="centerCrop"/>

</androidx.cardview.widget.CardView>

⚠️ 注意：记得给CardView的父容器留足够的margin，不然阴影的边缘会被父容器裁剪掉哦！

方案二：自定义Drawable（高度自定义阴影） #

如果想要自己控制阴影的颜色、模糊程度，那自定义Drawable是最佳选择，完全不受系统限制：

第一步：写自定义Drawable类 #

class LargeShadowDrawable(
    // 阴影模糊半径，数值越大阴影越扩散
    private val shadowRadius: Float,
    // 阴影颜色，支持半透明
    private val shadowColor: Int
) : Drawable() {

    private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        // 设置圆形本身的颜色（白色）
        color = Color.WHITE
        // 设置阴影：模糊半径、X偏移、Y偏移、颜色
        setShadowLayer(shadowRadius, 0f, 0f, shadowColor)
    }
    private val rectF = RectF()

    override fun onBoundsChange(bounds: Rect) {
        super.onBoundsChange(bounds)
        rectF.set(bounds)
    }

    override fun draw(canvas: Canvas) {
        // 绘制圆形+阴影
        canvas.drawOval(rectF, paint)
    }

    override fun setAlpha(alpha: Int) {
        paint.alpha = alpha
    }

    override fun setColorFilter(colorFilter: ColorFilter?) {
        paint.colorFilter = colorFilter
    }

    override fun getOpacity(): Int {
        return PixelFormat.TRANSLUCENT
    }
}

第二步：给ImageView设置这个Drawable #

// 实例化Drawable：阴影半径30dp，半透明黑色阴影
val shadowDrawable = LargeShadowDrawable(30f, Color.parseColor("#40000000"))
yourImageView.setImageDrawable(shadowDrawable)
// 给ImageView加padding，避免阴影被自身的边界裁剪
yourImageView.setPadding(32, 32, 32, 32)

这个方案可以随心所欲调整阴影的各种参数，甚至可以加阴影偏移，非常灵活。

方案三：自定义ViewOutlineProvider（系统原生阴影） #

如果你想保留系统原生的阴影质感，只是想要大半径的圆形阴影，可以用自定义轮廓配合elevation：

yourImageView.apply {
    // 自定义圆形轮廓
    outlineProvider = object : ViewOutlineProvider() {
        override fun getOutline(view: View, outline: Outline) {
            outline.setOval(0, 0, view.width, view.height)
        }
    }
    // 开启轮廓裁剪，让ImageView变成圆形
    clipToOutline = true
    // 调大elevation值，得到更大的阴影
    elevation = 30f
    // 同样要加padding避免阴影被裁剪
    setPadding(24, 24, 24, 24)
}

这个方案的好处是性能好，用的是系统原生的阴影机制，但缺点是阴影的颜色和模糊度没法自定义，只能用系统默认的样式。

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