Android圆角按钮添加自定义图标问题：drawableTop无法识别已存在的图标

嘿，我来帮你搞定这个问题！之前我也踩过类似的坑，咱们一步步来解决，先搞定「找不到自定义图片」的问题，再给圆角按钮加上图标。

出现这个情况大概率是这几个原因，你挨个排查下：

• 检查文件路径和命名：确保你的图标放在res/drawable（或对应dpi的drawable-mdpi等）文件夹里，文件名只能用小写字母、数字、下划线和点号，比如my_home_icon.png是对的，HomeIcon.png或者home icon.png都会导致找不到。
• 清理项目缓存：Android Studio有时候会抽风，点击菜单栏的 Build > Clean Project，然后 Build > Rebuild Project，再试试引用图标。
• 正确引用格式：在XML里引用时，直接写@drawable/图标文件名，不要加后缀，比如@drawable/my_home_icon，而不是@drawable/my_home_icon.png。
• 矢量图兼容问题：如果你的图标是VectorDrawable（.xml格式的矢量图），低版本系统可能不兼容，需要在app模块的build.gradle里添加配置：

  android {
      defaultConfig {
          vectorDrawables.useSupportLibrary = true
      }
  }
  

  然后用AppCompatButton代替普通的Button，引用时用app:drawableTopCompat属性（需要引入AppCompat库）。

假设你的selector_button.xml已经定义好了圆角形状和状态颜色，比如这样：

<!-- res/drawable/selector_button.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:radius="16dp" />
            <solid android:color="#FF5722" /> <!-- 按下时的背景色 -->
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="16dp" />
            <solid android:color="#FF9800" /> <!-- 默认背景色 -->
        </shape>
    </item>
</selector>

情况1：按钮状态不变更图标 #

直接在布局的Button里设置drawableTop（或你需要的位置：left/right/bottom），加上图标和文字的间距：

<Button
    android:id="@+id/rounded_icon_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/selector_button"
    android:drawableTop="@drawable/your_custom_icon" <!-- 这里用你修复后的正确引用 -->
    android:drawablePadding="8dp" <!-- 图标和文字之间的空隙，按需调整 -->
    android:text="我的按钮"
    android:textColor="#FFFFFF"
    android:textSize="14sp" />

情况2：按钮不同状态显示不同图标 #

如果需要按下/选中时图标变化，就给图标也做一个Selector，比如创建selector_button_icon.xml：

<!-- res/drawable/selector_button_icon.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/icon_pressed" /> <!-- 按下时的图标 -->
    <item android:drawable="@drawable/icon_normal" /> <!-- 默认图标 -->
</selector>

然后在Button里引用这个图标Selector：

android:drawableTop="@drawable/selector_button_icon"

这样设置后，你的圆角按钮就能正常显示自定义图标啦！如果还有问题，再检查下图标是否真的存在于drawable目录，或者有没有拼写错误~

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