Cómo crear una aplicación de Android con Android Studio: 8 pasos (con imágenes)

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41

Este tutorial le enseñará los conceptos básicos de cómo crear una aplicación de Android utilizando el entorno de desarrollo de Android Studio. A medida que los dispositivos Android se vuelven cada vez más comunes, la demanda de nuevas aplicaciones solo aumentará. Android Studio es un entorno de desarrollo fácil de usar (y gratuito) para aprender. Es mejor si uno tiene un conocimiento práctico del lenguaje de programación Java para este tutorial porque es el lenguaje utilizado por Android. No se usará mucho código en este tutorial, por lo que asumiré que sabe lo suficiente de Java para comprender o que está dispuesto a buscar lo que no sabe. Esto tomará aproximadamente de 30 a 60 minutos, dependiendo de la rapidez con la que pueda descargar e instalar Android Studio. Después de usar este tutorial para crear su primera aplicación de Android, estará bien encaminado hacia un nuevo pasatiempo divertido o posiblemente incluso una carrera prometedora en el desarrollo móvil.

Paso 1: instala Android Studio

1. Vaya a https://developer.android.com/sdk/index.html para descargar Android Studio.
2. Utilice el instalador para instalar Android Studio siguiendo sus instrucciones.

Paso 2: abra un nuevo proyecto

1. Abra Android Studio.
2. En el menú "Inicio rápido", seleccione "Iniciar un nuevo proyecto de Android Studio".
3. En la ventana "Crear nuevo proyecto" que se abre, nombre su proyecto "HelloWorld".
4. Si lo desea, configure el nombre de la empresa como desee *.
5. Tenga en cuenta dónde está la ubicación del archivo del proyecto y cámbiela si lo desea.
6. Haga clic en Siguiente."
7. Asegúrese de que "Teléfono y tableta" sea la única casilla que esté marcada.
8. Si planea probar la aplicación en su teléfono, asegúrese de que el SDK mínimo esté por debajo del nivel del sistema operativo de su teléfono.
9. Haga clic en Siguiente."
10. Seleccione "Actividad en blanco".
11. Haga clic en Siguiente."
12. Deje todos los campos de nombre de la actividad como están.
13. Haga clic en "Finalizar".

* Nota: Es una convención de nomenclatura típica en los proyectos de Android establecer el nombre de la empresa como alguna forma de "example.name.here.com".

Paso 3: edite el mensaje de bienvenida en la actividad principal

1. Vaya a la pestaña activity_main.xml si aún no está abierta.
2. Asegúrese de que la pestaña Diseño esté abierta en la pantalla activity_main.xml.
3. Haga clic y arrastre el botón "¡Hola, mundo!" desde la esquina superior izquierda de la pantalla del teléfono hasta el centro de la pantalla.
4. En el sistema de archivos del proyecto en el lado izquierdo de la ventana, abra la carpeta de valores.
5. En la carpeta de valores, haga doble clic en el archivo strings.xml.
6. En este archivo, busque la línea "¡Hola mundo!".
7. Después del "¡Hola mundo!" mensaje, agregue "¡Bienvenido a mi aplicación!"
8. Vuelva a la pestaña activity_main.xml.
9. Asegúrese de que su texto centrado ahora diga "¡Hola mundo! ¡Bienvenido a mi aplicación!"

Paso 4: agregue un botón a la actividad principal

1. Navegue a la pestaña Diseño de la pantalla activity_main.xml.
2. En el menú Paleta a la izquierda de la pantalla del teléfono, busque Botón (debajo del encabezado Widgets).
3. Haga clic y arrastre el botón para centrarse debajo de su mensaje de bienvenida.
4. Asegúrate de que tu botón aún esté seleccionado.
5. En el menú Propiedades (en el lado derecho de la ventana), desplácese hacia abajo para encontrar el campo de "texto".
6. Cambie el texto de "Botón nuevo" a "Página siguiente".

Paso 5: crea una segunda actividad

1. En la parte superior del árbol del sistema de archivos del proyecto, haga clic con el botón derecho en "aplicación".
2. Navegue hasta Nuevo> Actividad> Actividad en blanco.
3. Cambie el nombre de esta actividad a "SecondActivity".
4. Haga clic en "Finalizar".
5. Asegúrese de estar en la vista Diseño de activity_second.xml.
6. Arrastre el cuadro de texto en la parte superior izquierda de la pantalla del teléfono hacia el centro como lo hizo en la Actividad principal.
7. Con el cuadro de texto aún seleccionado, busque el campo "id" en el menú Propiedades a la derecha y configúrelo en "text2".
8. Abra strings.xml nuevamente.
9. Agrega una nueva línea debajo de "¡Hola mundo! ¡Bienvenido a mi aplicación!" que dice "¡Bienvenido a la segunda página!".
10. Vuelva a activity_second.xml.
11. Vuelva a seleccionar el cuadro de texto.
12. En el panel Propiedades, establezca el campo "texto" en "@ string / second_page".
13. Asegúrese de que el cuadro de texto ahora diga "¡Bienvenido a la segunda página!" y está en el centro de la pantalla en la pantalla del teléfono.

Paso 6: escriba el método "onClick" del botón

Seleccione la pestaña MainActivity.java en la parte superior del entorno de trabajo

2. Agregue las siguientes líneas de código al final del método onCreate:

Button button = (Botón) findViewById (R.id.button);

button.setOnClickListener (new View.onClickListener () {

public void onClick (Ver v) {

goToSecondActivity ();

}

});

3. Agregue el siguiente método al final de la clase MainActivity:

private void goToSecondActivity () {

Intención Intención = nueva Intención (this, SecondActivity.class);

startActivity (intención);

}

4. Haga clic en + al lado de importar en la tercera línea de MainActivity.java para expandir las declaraciones de importación.

5. Agregue lo siguiente al final de las declaraciones de importación si aún no están allí:

importar android.content. Intent;

importar android.view. View;

importar android.widget. TextView;

Paso 7: pruebe la aplicación

1. Haga clic en el símbolo de reproducción verde de la barra de herramientas en la parte superior de la ventana de Android Studio.
2. Cuando aparezca el cuadro de diálogo "Elegir dispositivo" (esto puede tardar unos minutos), seleccione la opción "Ejecutar emulador".
3. Haga clic en Aceptar.
4. Cuando se abre el emulador (esto también podría llevar un tiempo), la aplicación iniciará automáticamente la aplicación una vez que se desbloquee el teléfono virtual.
5. Asegúrese de que todo el texto se muestre correctamente y de que el botón lo lleve a la página siguiente.

Paso 8: ¡Arriba, arriba y lejos

¡Felicitaciones! Ahora ha completado su primera aplicación de Android con algunas funciones básicas. Su aplicación terminada debe tener una página que saluda al usuario y un botón que lleva al usuario a una segunda página.

A partir de aquí, tiene el conocimiento superficial que necesita para aprender todo lo que hay que saber sobre el desarrollo de aplicaciones de Android.