Android Studio

Yllen Fernandez - Apr 19 '23 - - Dev Community

¡Hola! Bienvenid@s a esta guía de introducción a Android Studio, especialmente diseñada para aquellos que están dando sus primeros pasos en el desarrollo de aplicaciones móviles. Mi nombre es Yllen, y como desarrolladora de aplicaciones, he tenido la oportunidad de trabajar en diversos proyectos a lo largo de mi carrera. Sin embargo, también me ha ocurrido que, al enfocarme en otras tecnologías por un tiempo, he olvidado algunos detalles importantes sobre el uso de Android Studio. Por eso, he decidido crear este tutorial paso a paso, con el objetivo de ayudar a quienes, al igual que yo, necesiten refrescar sus conocimientos o estén comenzando en este emocionante mundo del desarrollo de apps.

Así que, sin más preámbulos, ¡comencemos con nuestro mini tutorial para usar Android Studio!

1 Una vez que hayamos descargado e instalado Android Studio correctamente, el programa nos ofrecerá la opción de crear una nueva aplicación. No hay de qué preocuparse, simplemente hagamos clic en "Aceptar" para continuar. A continuación, nos encontraremos con una pantalla que se verá más o menos así:
Image description

¡Vamos a explorar juntos los siguientes pasos para crear nuestra primera app en Android Studio!

En esta sección de nuestro tutorial, nos centraremos en la clase principal de nuestra aplicación, conocida como "MainActivity". Es importante que siempre estemos atentos a la parte del proyecto que estamos visualizando en el lado derecho de nuestra pantalla. Para encontrar y explorar las actividades y clases de nuestro proyecto, debemos asegurarnos de estar en la opción "Android" en el panel de navegación. Esta opción tiene un aspecto característico que puedes reconocer fácilmente.

Image description

¡Sigamos adelante y exploremos más sobre la "MainActivity" y cómo funciona en nuestra aplicación!

2 ¡Genial! Ahora que ya conocemos algunos conceptos básicos, vamos a aprender cómo crear una actividad en nuestra aplicación Android. Pero antes, es importante aclarar que las actividades son componentes fundamentales en el desarrollo de apps Android, y se refieren a las diferentes pantallas o interfaces que los usuarios pueden ver y con las que pueden interactuar.

A continuación, te guiaré paso a paso en el proceso de crear una nueva actividad en tu proyecto.

Image description

Al crear una nueva actividad en nuestra aplicación Android, se generarán dos elementos importantes:

Una clase: Esta es donde escribiremos el código y la funcionalidad de la actividad. La clase es esencial para definir el comportamiento de la pantalla y cómo interactúa con el usuario.

Un documento XML: Este documento se encarga de definir el diseño y la apariencia de la actividad. Es decir, aquí especificaremos cómo se verá la pantalla en términos de elementos visuales, como botones, campos de texto, imágenes y más.

Podrás encontrar el documento XML en el panel izquierdo de tu pantalla, dentro de la carpeta "res/layout".

Es importante que, al crear la actividad, le asignes un nombre a la clase. Android Studio utilizará este nombre para generar automáticamente el documento XML correspondiente. Por ejemplo, si nombras tu clase "MiActividad", el documento XML se llamará "activity_mi_actividad.xml".

En resumen, la clase define la funcionalidad de la actividad, mientras que el documento XML se encarga del diseño visual. ¡Juntos, estos dos elementos nos permitirán crear pantallas atractivas y funcionales para nuestra aplicación!

Image description

Así es como se ve tu archivo XML. Este es el lugar perfecto para que tu creatividad se despliegue y brille.

Image description

3 Dentro de la carpeta 'res', encontrarás varias subcarpetas importantes, pero por el momento, nos centraremos en tres de ellas: 'drawable', 'layout' y 'values'. Estas carpetas nos permiten organizar y almacenar elementos como imágenes, diseños de actividades y diversos tipos de información, respectivamente. Por ejemplo, si deseas que tu actividad muestre una imagen específica, puedes guardarla en la carpeta 'drawable' y, cuando la necesites, simplemente hacer referencia a ella con un código como este: 'android:src="@drawable/logo"'. Lo mismo se aplica a la gestión de colores y textos que quieras tener a mano para un acceso rápido.

Image description

4 Para visualizar tus creaciones en el emulador de Android, es importante verificar que no haya errores en tu proyecto y que todos los elementos, ya sean imágenes o textos, estén correctamente restringidos, es decir, 'constrained'. De lo contrario, el emulador podría ignorarlos. Los 'constraints' se representan mediante líneas azules que puedes ver en la imagen. Para aplicarlos, simplemente arrastra los puntos de anclaje de los elementos hacia otros objetos en la actividad, como los bordes de la misma, tal como se muestra aquí. Este paso es esencial para asegurar que tus elementos se muestren correctamente en el emulador.

Image description

5 Finalmente, para visualizar tus avances en el emulador y ejecutar la aplicación, todo lo que necesitas hacer es hacer clic en el botón correspondiente, que se encuentra aquí. De esta manera, podrás ver cómo luce tu aplicación en el emulador y comprobar su funcionamiento.

Image description

Android Studio es un software increíblemente potente y versátil, y podría dedicar un mes entero a escribir sobre todas las características y capacidades que ofrece. Sin embargo, en esta ocasión, mi objetivo es compartir contigo aquellos aspectos que había pasado por alto anteriormente. Espero que esta información te haya resultado útil y te haya brindado una visión más clara de lo que puedes lograr con Android Studio.

¡Hasta la próxima!

. . . . .