如何将TextView的Drawable与文本对齐至基线底部？

我明白你现在遇到的困扰——想让TextView里的文本和左侧通过drawableStart设置的图片基线对齐，但试了gravity相关属性后没达到预期效果。别担心，咱们来拆解问题并找到合适的解决方案。

首先得说清楚：你当前设置的android:gravity="bottom"和android:layout_gravity="bottom"，作用是让整个TextView的内容（文本+图片）在父布局里靠底部对齐，但并没有让文本和图片本身的基线对齐，这就是问题所在。

下面给你几种可行的解决办法，按优先级推荐：

方法一：使用drawableAlignment属性（最简单，API 23+适用） #

Android从API 23开始提供了android:drawableAlignment属性，专门用来控制drawable与文本的对齐方式，直接设置为baseline就能实现你想要的效果。

修改后的布局代码如下：

<TextView
    android:id="@+id/date"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawablePadding="4dp"
    android:text="Hello"
    android:drawableStart="@drawable/date"
    android:drawableAlignment="baseline" <!-- 新增这个属性 -->
    android:textColor="@color/black"
    android:textSize="10sp" />

方法二：自定义TextView（兼容低版本） #

如果你的App需要兼容API 23以下的系统，可以自定义一个TextView，重写onDraw方法来调整drawable的位置，让它和文本基线对齐。

示例代码（Kotlin）：

class BaselineAlignedTextView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : TextView(context, attrs, defStyleAttr) {

    override fun onDraw(canvas: Canvas?) {
        val drawables = compoundDrawables
        val startDrawable = drawables[0] // drawableStart对应的是数组第0位
        if (startDrawable != null) {
            // 获取文本的基线位置
            val baseline = baseline
            // 计算drawable的y坐标，让它的基线和文本基线对齐
            val drawableY = baseline - startDrawable.bounds.bottom + startDrawable.intrinsicHeight
            canvas?.translate(0f, drawableY - startDrawable.bounds.top.toFloat())
        }
        super.onDraw(canvas)
    }
}

之后在布局里使用这个自定义TextView即可。

方法三：用LinearLayout手动组合（兼容性最好） #

如果不想改代码，也可以用LinearLayout把ImageView和TextView分开布局，通过设置属性让它们基线对齐：

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="baseline"
    android:orientation="horizontal"
    android:padding="0dp">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/date" />

    <TextView
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:text="Hello"
        android:textColor="@color/black"
        android:textSize="10sp" />
</LinearLayout>

这种方法不需要考虑API版本，而且对齐效果可控，唯一的小缺点是多了一层布局，但对性能影响可以忽略不计。

你可以根据自己的App兼容需求选择合适的方法，优先推荐方法一，简单高效！

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