Hoy voy a ser muy breve, esta entrada no será muy larga y además vamos a aprender algo que utilizaremos sin parar en solo unos pocos pasos. Voy a contaros lo que he aprendido sobre cadenas de texto en AS. Va a ser muy fácil porque solo emplearemos unas pocas líneas de código (que además será xml y no Java) y de todo lo demás de va a encargar en editor de Layout de Android Studio.
Vamos por partes. Lo primero que debemos tener claro es que no vamos a emplear cadenas de texto desnudas sobre el Layout (aunque podríamos), porque vamos a emplear el archivo strings.xml, que contiene las cadenas de texto y las referencia con un identificador que después incrustaremos en el editor de AS. Esto nos servirá para cambiar cualquier cadena de texto sin tener que entrar en el Java. Vamos a ello.
Primero, abrid el proyecto Hola Mundo, que empezamos el en la entrada "Primeros Pasos con Android Studio". En la pantalla principal (en la que buscamos el AVD Manager para probar la App de Hola Mundo), vamos a el árbol de archivos del proyecto. Vamos a abrir los archivos que os señalo en la captura siguiente:
El archivo MainActivity es nuestro archivo Java, donde debemos incluir la clase "main", de la que ya os habló Kike. Por ahora nos vale con saber donde está. El archivo activity_main.xml es el archivo principal del Layout, donde vamos a currarnos el apartado gráfico del archivo MainActivity. Al abrirlo, os aparecerá el editor de interfaz gráfica que incluye AS. Como podéis ver si trasteáis un poco con él, es una maravilla. Trae de todo y es facilísimo. Dejadlo abierto que vamos a utilizarlo. Por último, vamos a abrir el strings.xml. En este archivo vamos a incluir los strings, es decir, las cadenas de caracteres (texto amigos, texto).
Como veis, ya hay tres strings definidos en el cuerpo del archivo. Fijaos bien en el identificador que aparece tras la etiqueta "name" en la definición del objeto. Ese es el que vamos a incluir después en el editor de Layout.
Bueno, como yo ya estoy un poco cansado del insulso "Hello World", vamos a cambiar el primer string (el identificado como app_name) a "Cadenas de texto" (Sin cambiar el identificador, ahora os subo el pantallazo). También vamos a cambiar el tercer string y su identificador para poner algo que nos mole más. Lo que queráis. Podéis usarlo para un título, por ejemplo, como he hecho yo. (El segundo string lo dejamos como está, que se usa en el menú de la App y aun no queremos tocarlo). Y ahora vamos a hacernos otra cadena de caracteres, que va a ser un párrafo. Sin miedo. Repetimos la estructura, y lo identificamos por body. Escribimos nuestro párrafo en la parte editable, y cerramos el string (se parece mucho al html, si alguna vez lo habéis utilizado). Ahí va el ejemplo:
Ahora vamos a incluir estas cadenas de texto en el editor de Layout. Volver al archivo activity_main.xml. Deberíais ver, si todo va bien, una imagen emulada del aspecto visual de nuestra App. Ahora mismo no entendemos una mierda de lo que pone, pero bien rápido vamos a arreglarlo. (Os recomiendo, ahora si, que pinchéis y arrastréis la pestaña del archivo hacia fuera, para que veamos la pantalla un poco más grande). Ahora, si pincháis en la línea de código donde antes pone Hello World!, os aparecerán las propiedades del objeto a la derecha. Todo bien, las propiedades están en orden alfabético, así que vamos a Text, y a la derecha, cambiamos lo que pone (@string/hello_world) por @string/cadenas_de_texto. Os debería cambiar el objeto, y aparecer el string que hemos definido anteriormente.
Por último, quiero enseñaros a incluir una nueva cadena de texto. A la izquierda hay una barra de herramientas que podemos incluir en nuestra interfaz visual. Emplead un Plain TextView y colocarlo donde mejor os parezca. Vamos a introducir el párrafo que hemos añadido al archivo strings.xml. Buscad en la propiedades del objeto el atributo Text (de nuevo), e incluid el identificativo que le hemos dado a la nueva cadena de caracteres. Debería tener la forma @strings/identificador (el identificador es el valor que le hemos dado al atributo "name" en el archivo .xml). ¡Y LISTO!
Por último, quiero enseñaros a incluir una nueva cadena de texto. A la izquierda hay una barra de herramientas que podemos incluir en nuestra interfaz visual. Emplead un Plain TextView y colocarlo donde mejor os parezca. Vamos a introducir el párrafo que hemos añadido al archivo strings.xml. Buscad en la propiedades del objeto el atributo Text (de nuevo), e incluid el identificativo que le hemos dado a la nueva cadena de caracteres. Debería tener la forma @strings/identificador (el identificador es el valor que le hemos dado al atributo "name" en el archivo .xml). ¡Y LISTO!
Probad a cambiar, sin miedo, las propiedades de los objetos. Si os aparece cualquier aviso extraño de problemas de compilación, podéis entrar en el código .xml que genera el asistente y simplemente eliminad la línea que os está dando problemas. Al código plano se accede pinchando en esta pestaña:
Y bueno, creo que esto sería todo por hoy. Yo me he entretenido cambiando las propiedades del fondo, de nuestro "título" y del párrafo (color, tipo de letra, tamaño, etc). Y bueno, la verdad es que difícil no es:
Guille.
No hay comentarios:
Publicar un comentario