Android开发：如何让按钮Drawable/Icon紧贴文本右侧并解决显示异常

一、app:icon属性不可见的原因及解决 #

MaterialButton的app:icon默认显示在按钮左侧，且自带最小内边距，若按钮宽度设得较宽（比如match_parent），再加上没指定图标位置，就容易出现图标不可见或位置异常的情况，另外同时混用android:drawableRight和app:icon也会导致属性冲突，让图标无法正常显示。

解决方式：

• 若要让图标在文本右侧，直接设置app:iconGravity="textEnd"指定图标位置
• 二选一使用app:icon或android:drawableRight，不要同时设置，推荐用MaterialButton专属的app:icon系列属性，适配性更好

二、Drawable与文本间距过大的解决 #

不管用哪种方式添加图标，系统默认都有预设间距，针对性调整即可：

场景1：使用MaterialButton的app:icon属性 #

用app:iconPadding直接控制图标和文本的间距，设为0dp就能实现紧贴效果，示例代码：

<com.google.android.material.button.MaterialButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="按钮文本"
    app:icon="@drawable/your_icon"
    app:iconGravity="textEnd"
    app:iconPadding="0dp"
    app:iconSize="24dp" /> <!-- 可按需调整图标尺寸 -->

场景2：使用AppCompatButton/原生Button的drawableRight属性 #

• 用android:drawablePadding="0dp"消除默认间距
• 按钮宽度设为较宽值时，需要设置android:gravity="start|center_vertical"，让文本和图标整体左对齐，避免图标跑到按钮最右侧，示例代码：

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="按钮文本"
    android:drawableRight="@drawable/your_icon"
    android:drawablePadding="0dp"
    android:gravity="start|center_vertical"
    android:paddingStart="16dp"
    android:paddingEnd="16dp" />

三、关键注意事项 #

• MaterialButton的app:icon系列属性优先级高于android:drawableXxx，混用会导致冲突
• 按钮宽度设为较宽时，MaterialButton靠app:iconGravity="textEnd"就能让图标紧跟文本；原生Button则靠android:gravity控制文本和图标的整体对齐
• 检查图标资源本身是否带透明边距，若有需先处理图标，避免视觉上仍有间距

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