如何消除Android中使用android:drawableLeft时文本与图片的间隙

嗨，我明白你现在遇到的问题——用android:drawableLeft给TextView加图标后，图标和文字之间总有多余的空隙，看着很别扭对吧？别担心，有几个简单的方法就能搞定：

方法1：直接设置drawablePadding为0 #

Android的TextView默认会给drawable和文本之间留一定间距，你只需要添加android:drawablePadding="0dp"就能消除这个默认间隙。这是最直接的解决方案。

修改后的TextView代码示例：

<TextView 
    android:id="@+id/sorttxt" 
    android:layout_width="0dp" 
    android:layout_height="40dp" 
    android:layout_weight="0.995" 
    android:text="Sort" 
    android:textSize="17dp" 
    android:textColor="#000000" 
    android:background="#25a65b" 
    android:drawableLeft="@drawable/leftImagesort" 
    android:gravity="center"
    android:drawablePadding="0dp" /> <!-- 新增这行消除间隙 -->

同样把另一个filtertxt的TextView也加上这个属性即可。

方法2：调整Drawable的尺寸（如果方法1还不够） #

如果设置drawablePadding后仍有间隙，大概率是你的drawable本身带有多余的空白边距。这时候可以用android:drawableWidth和android:drawableHeight指定图标的显示大小，或者直接编辑你的drawable资源（比如VectorDrawable或PNG），去掉内部的空白区域。

示例代码：

<TextView 
    android:id="@+id/sorttxt" 
    android:layout_width="0dp" 
    android:layout_height="40dp" 
    android:layout_weight="0.995" 
    android:text="Sort" 
    android:textSize="17dp" 
    android:textColor="#000000" 
    android:background="#25a65b" 
    android:drawableLeft="@drawable/leftImagesort" 
    android:gravity="center"
    android:drawablePadding="0dp"
    android:drawableWidth="20dp" <!-- 指定图标宽度 -->
    android:drawableHeight="20dp" /> <!-- 指定图标高度 -->

方法3：自定义TextView（极端情况） #

如果上面两种方法都解决不了，你可以自定义一个TextView，重写onDraw方法手动控制drawable的绘制位置。不过这种情况很少见，一般前两种方法就足够解决问题啦。

试试上面的方法，应该就能让图标和文本紧密贴合了～

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