Android代码设置TextView的顶部图及设置图与字体之间距离

本文链接：https://blog.youkuaiyun.com/hty1053240123/article/details/52640018

本文介绍了如何在Android应用中创建一个底部Tab标签样式，其中每个标签包含顶部图片和底部文字。通过代码演示了如何设置图片与文字之间的间距，并解决了因视图宽度过大导致间距无效的问题，建议通过调整padding来控制内部元素间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

终于建了一个自己个人小站：https://huangtianyu.gitee.io，以后优先更新小站博客，欢迎进站，O(∩_∩)O~~

现在很多的设计底部都是几个Tab标签，每个标签都是上边是图片，下边是文字。下面提供一种简单的方式来实现这个：

<TextView 
	android:id="@+id/tv_versionstatus"
        android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:drawablePadding="5dp"
	android:drawableTop="@drawable/icon_home"
	android:text="首页"
	android:textColor="#363636"
	android:textSize="20sp" />

然后在代码中设置图片和图片与文字间的间距。代码设置如下：

    //设置TextView的顶部图标，其中setCompoundDrawablesWithIntrinsicBounds对应的是left,top,right,bottom图标
    private void setHomeMenuTextDrawableTop(TextView textView, Drawable drawable) {
        if (textView == null || drawable == null) {
            return;
        }
        textView.setCompoundDrawablesWithIntrinsicBounds(null, drawable, null, null);
        textView.invalidate();
    }

通过代码设置图片和文字之间的间距：

textView.setCompoundDrawablePadding(padding) ;//int padding 代码设置文字和图片间距

这里说个问题，就是有时候设置了图片和文字间距在实际使用时并没有看到效果，这是因为view的宽度过宽，导致view内文本和图片间距过大，那我们可以通过设置paddingLeft、paddingRight、paddingTop、paddingBottom来缩小这个间距.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:text="@string/xian_txt"
    android:drawableRight="@mipmap/ic_triangle_down"
    android:background="@android:color/transparent"
    android:drawablePadding="6dp"
    android:gravity="center"
    android:paddingRight="24dp"
    android:paddingLeft="24dp"
    />