Android如何实现图片阴影效果？这3种方法你掌握了吗？

在Android开发中，为图片添加阴影效果是提升UI视觉层次感的重要手段，通过阴影，可以让图片在界面中更加突出，增强立体感和交互反馈，本文将详细介绍Android实现图片阴影效果的主流方法，包括使用View属性、Drawable资源、CardView以及自定义View等,并分析各自的适用场景和实现细节。

通过View的属性直接设置阴影

Android 5.0（API 21及以上）提供了elevation和translationZ属性，可以直接为View（包括ImageView）添加动态阴影效果，这种方法简单高效，适合Material Design风格的界面设计。

实现步骤：

1. 在XML布局文件中，为ImageView设置android:elevation属性，数值越大阴影范围越广、颜色越深。

2. 如果需要动态调整阴影，可在代码中通过ViewCompat.setElevation()方法实现：

   ViewCompat.setElevation(imageView, 16f); // 单位为dp  

注意事项：

• elevation仅对API 21及以上版本生效，低版本需通过ViewCompat或AppCompat库兼容。
• 阴影颜色默认为黑色，无法直接修改，但可通过android:outlineAmbientShadowColor和android:outlineSpotShadowColor（API 21）调整环境光和聚光灯阴影颜色。

使用LayerDrawable叠加阴影

对于需要自定义阴影颜色或形状的场景，可以通过LayerDrawable将阴影图层与图片图层叠加实现，这种方法兼容性更好，支持所有Android版本。

实现步骤：

1. 创建阴影图层：在drawable资源文件中定义一个形状（如矩形）并设置solid颜色为半透明黑色，size属性控制阴影范围。

2. 使用LayerDrawable合并阴影和图片：

3. 将layered_image设置为ImageView的src属性。

优化方向：

• 可通过标签实现渐变阴影效果，增强视觉层次。
• 动态调整阴影时，需在代码中重新构建LayerDrawable并设置给ImageView。

借助CardView实现圆角阴影

CardView是Android Support库中提供的Material Design组件，自带阴影和圆角效果，特别适合展示卡片式图片布局。

实现步骤：

1. 在build.gradle中添加依赖：

   implementation 'com.google.android.material:material:1.9.0'  

2. 在布局中使用CardView包裹ImageView：

3. 通过app:cardElevation调整阴影大小，app:cardCornerRadius设置圆角半径。

优势：

• 内置阴影和圆角属性，无需手动绘制阴影图层。
• 支持动态修改阴影高度（setCardElevation()）和圆角（setRadius()）。

自定义View绘制阴影

对于复杂阴影效果（如不规则形状、动态变化的阴影），可通过继承View或ImageView，重写onDraw()方法使用Canvas绘制阴影。

实现示例：

public class ShadowImageView extends AppCompatImageView {  
    private Paint shadowPaint;  
    private float shadowRadius = 20f;  
    public ShadowImageView(Context context) {  
        super(context);  
        init();  
    }  
    private void init() {  
        shadowPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
        shadowPaint.setColor(Color.BLACK);  
        shadowPaint.setAlpha(50);  
        shadowPaint.setStyle(Paint.Style.FILL);  
    }  
    @Override  
    protected void onDraw(Canvas canvas) {  
        // 绘制阴影  
        canvas.drawRect(0, 0, getWidth(), getHeight(), shadowPaint);  
        // 调用父类方法绘制图片  
        super.onDraw(canvas);  
    }  
}  

适用场景：

• 需要实现非矩形阴影（如圆形、多边形）时，可结合Path类绘制复杂形状。
• 动态阴影效果（如拖拽时阴影变化）可通过invalidate()触发重绘实现。

性能优化建议

1. 避免过度使用阴影：阴影效果会触发额外的渲染开销，频繁重绘可能影响性能，建议在列表等滚动场景中谨慎使用。
2. 硬件加速：确保在AndroidManifest.xml中为Activity或View启用硬件加速：

3. 缓存阴影图层：对于静态阴影，可提前将阴影绘制为Bitmap并复用，减少运行时计算。

相关问答FAQs

Q1：为什么设置了elevation属性后阴影没有显示？
A：可能的原因包括：

• 目标API低于21，elevation属性不生效，需改用ViewCompat.setElevation()或LayerDrawable方案。
• ImageView的背景色为透明或与阴影颜色对比度低，导致阴影不明显，可尝试为ImageView设置非透明背景色测试。
• 父容器设置了clipChildren="true"，导致阴影被裁剪，需确保父布局的android:clipChildren属性为false。

Q2：如何实现带有模糊效果的图片阴影？
A：可通过以下两种方式实现：

1. 使用RenderScript（API 19及以上）：创建ScriptIntrinsicBlur对阴影Bitmap进行模糊处理，但需注意RenderScript在API 30已被废弃。
2. 第三方库：如android-gpuimage或BlurKit，提供高效的模糊算法，使用BlurKit的BlurView：

   BlurView blurView = findViewById(R.id.blur_view);  
   blurView.setBlurRadius(25);  
   blurView.setOverlayColor(Color.TRANSPARENT);  
   blurView.setupWith(imageView).setBlurRadius(25);  

   注意模糊效果可能影响性能,建议在非滚动场景或使用异步加载策略。