Centrar el texto de la TextView verticalmente en relación a su imagen drawableLeft

Question

tengo este componente:

<TextView 
    android:id="@+id/item_name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:drawableLeft="@drawable/icon" /> 

La imagen en el atributo drawableLeft es más grande que la fuente del texto, por lo que desea que el texto centrado verticalmente en relación a la imagen. ¿Cómo puedo obtener este efecto?

Answer 1

Desea la "gravedad", tenga en cuenta que esto no debe confundirse con la gravedad del diseño, la gravedad del diseño mueve toda la vista de texto, mientras que la gravedad mueve el texto dentro de la vista de texto.

<TextView 
    android:id="@+id/item_name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:drawableLeft="@drawable/icon" 
    android:gravity="center_vertical" /> 

Answer 2

Debe colocar tanto el Drawable y la TextView dentro de un RelativeLayout y utilizar el atributo layout_alignBaseline en su TextView.

También puede colocar sólo los dos elementos, Drawable y TextView dentro de un LinearLayout con una orientación horizontal y layout_height="wrap_content" y utilizar en su layout_gravity="center_vertical"TextView.

Answer 3

Además de establecer la gravedad, esto también puede ayudar con la alineación en algunas situaciones mediante la reducción de los acolchados en la parte superior e inferior de la Vista de Texto, que puede ser desigual:

android:includeFontPadding="false" 

Answer 4

Si no les importa acerca de los acentos de texto, simplemente intente android:includeFontPadding="false". Esto eliminará el relleno extra superior e inferior de TextView. En cuanto a android:gravity="center_vertical", no tiene ningún efecto en mi código.