TextView

TextView en Android

TextView es un componente en Android utilizado para mostrar texto en la pantalla. Permite personalizar su apariencia y alineación mediante diferentes propiedades.


Propiedades principales

1. Tamaño y dimensiones

Estas propiedades definen el tamaño del TextView en la interfaz:

  • android:layout_width → Define el ancho.
  • android:layout_height → Define la altura.

Ambos pueden tomar valores como wrap_content (ajustar al contenido) o match_parent (ocupar todo el espacio disponible).


2. Propiedades de alineación

La alineación del texto dentro del TextView depende del contenedor padre y de las propiedades aplicadas.

  • Alineación dentro del contenedor (layout_gravity)
    • android:layout_gravity="center" → Centra el TextView dentro del contenedor padre.
    • También se pueden combinar valores: android:layout_gravity="top|center" (centrado horizontalmente en la parte superior).
  • Alineación del texto dentro del TextView
    • android:gravity="center" → Centra el texto dentro del TextView.

Dependiendo del contenedor padre (FrameLayout, LinearLayout, ConstraintLayout), la forma de centrar el TextView variará.
Lo más recomendable es usar ConstraintLayout para una mayor flexibilidad en la alineación.


3. Otras propiedades importantes

  • android:textSize="20sp" → Tamaño del texto en sp (unidad recomendada para escalabilidad).
  • android:text="Este es un texto" → Define el contenido del texto.
  • android:textStyle="italic" → Establece el estilo del texto (bold, italic, etc.).
  • android:textColor="@color/black" → Define el color del texto.

Ejemplo de uso en XML

<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    tools:context=".firstapp.ResultActivity">  

    <TextView  
        android:id="@+id/tvExample"
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        tools:text="Esto es un ejemplo"  
        android:textSize="35sp"  
        android:textColor="@color/material_dynamic_primary50"  
        android:layout_gravity="center"/>  

</FrameLayout>

👉 tools:text → Se usa solo para la vista previa en Android Studio, sin afectar el texto real en la app.


Modificar TextView en Kotlin

Podemos cambiar el contenido de un TextView desde la lógica en Kotlin:

val textView = findViewById<TextView>(R.id.tvExample)
textView.text = "Texto actualizado desde Kotlin"

Conclusión

  • TextView es el componente principal para mostrar texto en Android.
  • Se puede alinear dentro del contenedor con layout_gravity y dentro del TextView con gravity.
  • tools:text permite mostrar texto solo en el diseño sin afectarlo en tiempo de ejecución.
  • Lo más recomendable es usar ConstraintLayout para una mayor flexibilidad en el diseño.