TextView
Explicación del concepto de TextView.
Last updated
Explicación del concepto de TextView.
Last updated
Hereda de View
.
Los TextView son interfaces de usuario que muestran texto al usuario.
En el archivo layout XML de la Activity que estemos editando, en el caso del ejemplo activity_main.xml
es donde por regla general se van a definir las Views y los ViewGroups (estructura del layout) que componen el contenido de la Activity.
El ejemplo más básico de una TextView en la MainActivity sería el siguiente:
Una vez tenemos éste código en el archivo de layout hay que hacer que el archivo de kotlin MainActivity.kt
reconozca ese archivo de layout como suyo. Para ello utilizamos el siguiente código:
El resultado es el siguiente:
Como vemos arriba, ese texto es muy primitivo y no tiene ningún tipo de estilo ni de característica especial. A continuación vamos a ver algunos de los atributos que se pueden añadir a las Views del tipo TextView para hacer que sean únicas y se adapten a nuestras necesidades.
Si quieren ver todos los atributos, los pueden encontrar en el siguiente enlace:
Atributo heredado de View.
Para el valor de ID, por lo general, debes usar esta sintaxis: "@+id/
name
"
. El símbolo +, +
, indica que es un nuevo ID de recurso, y la herramienta aapt
creará un nuevo número entero de recurso en la clase R.java
, si aún no existe. Por ejemplo:
Es un atributo obligatorio y expresa la anchura del TextView con respecto al ViewGroup padre.
Puede ser:
match_parent -> La View será tan grande como su padre (menos el Padding).
wrap_content -> La View será tan grande como sea necesario para el contenido de la misma (más el Padding).
Un número concreto con unidad de medida.
Es un atributo obligatorio y expresa la altura del TextView con respecto al ViewGroup padre.
Puede ser:
match_parent -> La View será tan grande como su padre (menos el Padding).
wrap_content -> La View será tan grande como sea necesario para el contenido de la misma (más el Padding).
Un número concreto con unidad de medida.
Es un atributo obligatorio y expresa el texto que se va a mostrar al usuario.
Permite introducir un drawable como parte del texto. Es muy util para incluir iconos en los campos a rellenar para facilitar la comprensión.
Hay varias opciones para colocar el drawable, no solo en el inicio:
android:drawableEnd
android:drawableTop
android:drawableLeft
android:drawableRight
android:drawableBottom
Marca el margen entre el elemento drawable y el texto.
Permite seleccionar la fuente de la carpeta de fuentes del proyecto. Para ello se ha de hacer referencia a ella de la siguiente manera:
Permite seleccionar la posición relativa del texto con respecto al View. Hay varias opciones:
start
top
left
right
bottom
end
center / center_horizontal / center_vertical
clip / clip_horizontal / clip_vertical
fill / fill_horizontal / fill_vertical
Atributo heredado de View.
El padding se define como el espacio en pixeles entre el límite de la View y el contenido de la misma.
Se puede marcar para cada uno de los cuatro lados de la View:
android:paddingTop
android:paddingLeft
android:paddingRight
android:paddingBottom
Permite modificar el color del texto.
Permite cambiar el tamaño del texto.
Permite modificar el estilo del texto cambiandolo a negrita o cursiva. Puede ser:
bold
italic
normal
Permite modificar el tipo de fuente dentro de la misma familia. Puede ser:
monospace
normal
serif
sans
Una vez hemos utilizado estos atributos (no todos) nos quedará el texto mucho más estiloso.
Los atributos que se han presentado en el apartado anterior se pueden modificar desde código en el archivo MainActivity.kt
lo que hará que se sobrescriban los atributos del mismo tipo definidos en el archivo activity_main.xml
.
Para ello lo primero que debemos hacer es crear una variable (dentro de la función onCreate) del tipo TextView con la View que queremos modificar:
Una vez tengo la variable creada, puedo aplicar en ella todos los métodos y atributos de los objetos del tipo TextView
.
Estos métodos y atributos son muchos y no se van a explicar en ésta página. De la misma manera que con los atributos, los métodos se pueden encontrar en el siguiente enlace:
Aplicando algunos de éstos métodos al código podemos tener el siguiente resultado:
Para ello utilizamos los métodos que Google a puesto a nuestra disposición a tal efecto, en este caso, por ejemplo podemos hace que cuando toquemos sobre el texto, éste cambie de color e incluso cambie lo que pone.
Cuando pulsamos en el texto, se genera el siguiente resultado:
ID de recurso. Un nombre de recurso único para el elemento, que puedes usar a fin de obtener una referencia al de tu aplicación.
Como ya vimos en la página de , las views no solo se encargan del dibujado de dicho componente sino tambien de la gestión de los eventos en dicho componente.