如何为Android中MaterialButton的图标添加阴影效果？

针对你在MaterialButton图标上添加符合Material Design规范阴影的需求，下面提供几种实用的实现方案：

方案1：直接修改Vector图标添加阴影（推荐，适用于VectorDrawable） #

如果你的ic_premium是VectorDrawable，可以直接在图标文件中添加feDropShadow滤镜，完美匹配Material Design的阴影风格：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorOnPrimary">
  <!-- 原图标路径 -->
  <path
      android:fillColor="@android:color/white"
      android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zm1,15h-2v-2h2v2zm0,-4h-2V7h2v6z"/>
  
  <!-- Material Design风格阴影 -->
  <filter>
      <feDropShadow
          android:dx="0"
          android:dy="2" <!-- 垂直偏移，符合MD阴影方向 -->
          android:radius="4" <!-- 阴影模糊半径，对应4dp elevation -->
          android:color="#33000000"/> <!-- 20%透明度的黑色，MD标准阴影颜色 -->
  </filter>
</vector>

这种方式无需额外布局，直接复用原有图标引用，性能最优。

方案2：用LayerDrawable包裹图标实现阴影 #

如果图标是Bitmap或者需要更灵活的阴影控制，可以创建一个LayerDrawable，将阴影层和图标层叠加：

1. 创建drawable/icon_with_shadow.xml：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 阴影层：根据图标形状调整（圆形用oval，方形用rectangle） -->
    <item
        android:left="0dp"
        android:right="0dp"
        android:top="2dp"
        android:bottom="0dp">
        <shape android:shape="oval">
            <solid android:color="#33000000"/>
            <size
                android:width="24dp"
                android:height="24dp"/>
        </shape>
    </item>
    <!-- 图标层 -->
    <item android:drawable="@drawable/ic_premium"/>
</layer-list>

2. 修改MaterialButton的图标引用：

<com.google.android.material.button.MaterialButton
    android:id="@+id/your_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Premium"
    app:icon="@drawable/icon_with_shadow"
    app:iconGravity="textStart"/>

方案3：代码动态设置阴影（适用于动态调整需求） #

如果需要在运行时调整阴影参数，可以通过代码获取MaterialButton内部的图标View，设置elevation和OutlineProvider：

// 获取MaterialButton
val premiumBtn = findViewById<MaterialButton>(R.id.your_button)
// 获取内部的图标ImageView
val iconView = premiumBtn.findViewById<ImageView>(com.google.android.material.R.id.material_button_icon)

// 设置阴影轮廓（根据图标形状调整圆角）
iconView.outlineProvider = object : ViewOutlineProvider() {
    override fun getOutline(view: View, outline: Outline) {
        outline.setRoundRect(0, 0, view.width, view.height, 4f)
    }
}
iconView.clipToOutline = true
// 设置符合MD规范的elevation值
iconView.elevation = 4.dpToPx()

// 扩展函数：dp转px
fun Int.dpToPx(): Float {
    return this * Resources.getSystem().displayMetrics.density
}

注意事项 #

• Material Design阴影规范：常用的elevation值为2dp、4dp、8dp，对应不同的阴影强度；阴影颜色建议使用半透明黑色（如#1A000000对应10%透明度，#33000000对应20%）
• 确保你的Activity/Fragment使用Material Components主题（如Theme.MaterialComponents.DayNight），避免样式冲突
• 如果图标是不规则形状，方案1的Vector滤镜和方案3的OutlineProvider能更好地适配阴影形状

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