如何居中TextView内通过android:drawableLeft设置的左侧图标 无需额外布局

要实现通过android:drawableLeft设置的左侧图标与文字居中，不需要新增任何额外布局或视图，仅通过TextView自带属性配置即可实现，核心逻辑是让「图标+间距+文字」的整体内容块在TextView区域内居中。

方案1：XML静态配置 #

直接在布局文件中修改TextView属性即可，示例代码如下：

<TextView
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="center"
    android:drawableLeft="@drawable/ic_custom_icon"
    android:drawablePadding="8dp"
    android:text="按钮文字"
    android:textSize="16sp"
    />

• 核心属性是android:gravity="center"，该属性会让TextView的所有内部内容（包括drawable、文字）作为整体水平+垂直居中
• android:drawablePadding用于设置图标和文字之间的间距，可根据需求自行调整
• 如果不需要TextView占满父布局宽度，也可以将android:layout_width设为wrap_content，居中效果同样生效

方案2：代码动态配置 #

如果图标是运行时动态设置的，可以用代码实现同样效果，示例如下：

Kotlin 示例 #

val targetTv = findViewById<TextView>(R.id.target_tv)
// 加载图标资源
val leftDrawable = ContextCompat.getDrawable(this, R.drawable.ic_custom_icon)
// 必须设置drawable边界，否则图标不会渲染
leftDrawable?.setBounds(0, 0, leftDrawable.intrinsicWidth, leftDrawable.intrinsicHeight)
// 为TextView设置左侧图标，参数顺序为左、上、右、下
targetTv.setCompoundDrawables(leftDrawable, null, null, null)
// 设置图标与文字间距
targetTv.compoundDrawablePadding = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 8f, resources.displayMetrics).toInt()
// 设置内容居中
targetTv.gravity = Gravity.CENTER

Java 示例 #

TextView targetTv = findViewById(R.id.target_tv);
Drawable leftDrawable = ContextCompat.getDrawable(this, R.drawable.ic_custom_icon);
if (leftDrawable != null) {
    leftDrawable.setBounds(0, 0, leftDrawable.getIntrinsicWidth(), leftDrawable.getIntrinsicHeight());
}
targetTv.setCompoundDrawables(leftDrawable, null, null, null);
float paddingDp = 8f;
float paddingPx = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, paddingDp, getResources().getDisplayMetrics());
targetTv.setCompoundDrawablePadding((int) paddingPx);
targetTv.setGravity(Gravity.CENTER);

注意事项 #

如需适配从右到左（RTL）的布局场景，建议将drawableLeft替换为drawableStart，系统会自动根据系统语言方向调整图标的位置，同时保持居中效果不变。

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