Crea tu primera app con Android Studio y Jetpack Compose

desarrollo de apps con Android Studio y Jetpack Compose

En este primer capítulo te enseñaré a crear tu primera app con Jetpack Compose. Será una app que muestre solo algo de texto, pero será un buen comienzo para que te empieces a familiarizar con Android Studio y Jetpack Compose.

Además, te enseñaré a crear un dispositivo emulador para Android, con el que probar todas tus apps.

Crea una nueva app con Android Studio

Para empezar, crea un nuevo proyecto «Empty Activity»:

empty activity compose android studio

Haz clic en «Next» y configura el nombre de la aplicación. El resto déjalo por defecto y haz clic en el botón «Finish»:

crear app android studio

Archivo MainActivity.kt

Una vez creado el proyecto, se habrá generado una buena estructura completa para tu app. De momento, nos vamos a centrar en el archivo que se abre al crear la app, «MainActivity.kt»:

mainactivity.kt archivo kotlin

Los tipos de vistas de Android Studio

En la parte superior encontrarás tres botones muy prácticos. Estos sirven para mostrar solo código («Code»), vista de código y diseño («Split») y vista de diseño («Design»):

tipos de vista en android studio

El modo dividido

Pongamos el modo «Split». Te dirá que tienes que construir el proyecto para mostrar la vista previa:

preview app

Dale al enlace, o presiona las teclas del atajo de teclado que ves en la imagen.

Lo que ves en el panel de la derecha es el código generado por el código que tienes marcado en la imagen.

vista previa de la app con jetpack compose

Este código de vista previa se utiliza principalmente en la fase de desarrollo, para ir viendo los resultados, sin tener que cargar el código en un emulador, o en un dispositivo físico de Android.

El código que realmente hace este mensaje en la app, es el de la función Greeting() que aparece arriba en la imagen.

Crear un dispositivo AVD emulador para Jetpack Compose

Un dispositivo emulador AVD (Android Virtual Device), es un dispositivo que sirve para emular la ejecución de las apps, en un dispositivo creado virtualmente. Así no necesitas cargar la app cada vez en un dispositivo físico de Android.

No obstante, esto tiene un alto uso de recursos del sistema. Deberás tener un buen equipo para que te funcione.

Además de utilizar las previsualizaciones, seguramente querrás poder emular tu app en un dispositivo de Android. Vamos a añadir uno.

Haz clic en el botón «Device Manager»:

device manager android studio

Haz clic en «Add a new device»:

añadir un dispositivo

Después, haz clic en «Create Virtual Device»:

crear un dispositivo AVD

Selecciona la categoría «Phone» > «Pixel 8 Pro» (por ejemplo), y haz clic en «Next»:

Emulador android studio

Las siguientes ventanas déjalas como están, solo haz clic en «Next» y «Finish».

Te aparecerá el dispositivo en la lista:

emulador android

Ejecutar la app en el dispositivo virtual de Android

Ahora que ya tienes un dispositivo de Android emulado, es el momento de ejecutar la app, para probarlo. Haz clic en «Run app»:

ejecutar app

Espera unos segundos o minutos (depende de la potencia de tu hardware).

Si no tienes problemas, deberá salir la app cargada en el dispositivo AVD:

crea tu primera app con android studio y Jetpack compose

Este es el comienzo de tu camino con Android Studio y Jetpack Compose. Solo tú decidirás a donde te lleva.

¿Quieres más cursos? Visita www.programacionfacil.org

Crea tu primera app con Android Studio y Jetpack Compose

Un comentario en «Crea tu primera app con Android Studio y Jetpack Compose»

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll hacia arriba