Tutorial: Cómo crear una App Android con Android Studio

Publicado por Julio César el 10/09/2018 a las 10:38
Cómo crear una app para Android con Estudio Android
Inicio > Utilidades y Herramientas > Personalización > Tutorial: Cómo crear una App Android con Android Studio

Este tutorial te enseñará los conceptos básicos de cómo crear una app para 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. Lo mejor es que uno tenga un conocimiento práctico del lenguaje de programación Java para este tutorial porque es el lenguaje utilizado por Android.

No se usarán muchos códigos en este tutorial; por lo que supondré que conoces suficiente Java para comprender o que estás dispuesto a buscar lo que no sabes. Esto demorará entre 30 y 60 minutos, dependiendo de qué tan rápido puedas descargar e instalar Android Studio. Después de usar este tutorial para crear su primera aplicación de Android, estarás encaminado hacia un pasatiempo nuevo; o incluso una carrera prometedora en el desarrollo móvil.

Paso 1: Instala Android Studio

Cómo crear una app para Android con Estudio Android

  1. Ve a http://developer.android.com/sdk/index.html para descargar Android Studio.
  2. Usa el instalador para instalar Android Studio siguiendo sus instrucciones.

Paso 2: Abre un nuevo proyecto

Cómo crear una app para Android con Estudio Android

  1. Abre Android Studio.
  2. En el menú “Inicio rápido”, selecciona Comenzar un nuevo proyecto de Android Studio.
  3. En la ventana “Crear nuevo proyecto” que se abre, nombra tu proyecto HelloWorld.
  4. Si lo deseas, establezca el nombre de la empresa como desees *.
  5. Ten en cuenta dónde se encuentra la ubicación del archivo de proyecto y cámbiala si lo deseas.
  6. Haz clic en Siguiente.
  7. Asegúrate de que “Teléfono y tableta” es la única casilla que está marcada.
  8. Si planeas probar la aplicación en tu teléfono, asegúrate de que el SDK mínimo esté por debajo del nivel del sistema operativo de tu teléfono.
  9. Haz clic en Siguiente.
  10. Selecciona Actividad en blanco.
  11. Haz clic en Siguiente.
  12. Deja todos los campos del Nombre de la actividad como están.
  13. Haz clic en Finalizar.

*Nota: es una convención de nomenclatura típica en los proyectos de Android establecer el nombre de la compañía como alguna forma de “ejemplo.nombre.aquí”.

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

Cómo crear una app para Android con Estudio Android

  1. Navega a la pestaña activity_main.xml si aún no está abierta.
  2. Asegúrate de que la pestaña Diseño esté abierta en la pantalla activity_main.xml.
  3. Haz clic y arrastra el “¡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, abre la carpeta de valores.
  5. En la carpeta de valores, haz doble clic en el archivo strings.xml.
  6. En este archivo, busca la línea ¡Hola mundo!
  7. Después del “Hola mundo!” mensaje, agrega ¡Bienvenido a mi aplicación!
  8. Vuelve a la pestaña activity_main.xml.
  9. Asegúrate de que tu texto centrado ahora diga “¡Hola mundo! ¡Bienvenido a mi aplicación!

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

Cómo crear una app para Android con Estudio Android

  1. Ve a la pestaña Diseño de la pantalla activity_main.xml.
  2. En el menú de la paleta a la izquierda de la pantalla del teléfono, busca el botón (debajo del título Widgets).
  3. Haz clic y arrastra 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ázate hacia abajo para encontrar el campo de “texto”.
  6. Cambia el texto de “Nuevo botón” a “Página siguiente”.

Paso 5: Crea una segunda actividad

Cómo crear una app para Android con Estudio Android

  1. En la parte superior del árbol del sistema de archivos del proyecto, haz clic con el botón derecho en “aplicación”.
  2. Navega a Nueva> Actividad> Actividad en blanco.
  3. Cambia el nombre de esta actividad a “SecondActivity”.
  4. Haz clic en “Finalizar”.
  5. Asegúrate de estar en la vista Diseño de activity_second.xml.
  6. Arrastra el cuadro de texto en la esquina 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úralo como “texto2”.
  8. Abre strings.xml nuevamente.
  9. Agrega una nueva línea en “Hola mundo! ¡Bienvenido a mi aplicación!” que dice “¡Bienvenido a la segunda página!”.
  10. Vuelve a activity_second.xml.
  11. Selecciona el cuadro de texto nuevamente.
  12. En el panel Propiedades, establezce el campo “texto” en “@ cadena / página_segunda”.
  13. Asegúrate 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: Escribe el método “onClick” del botón

Cómo crear una app para Android con Estudio Android

  1. Selecciona la pestaña MainActivity.java en la parte superior del entorno de trabajo.
  2. Agrega las siguientes líneas de código al final del método onCreate:
     
    Botón de botón = (Botón) findViewById (R.id.button);
    button.setOnClickListener (new View.onClickListener () {
    @Anular
    public void onClick (Ver v) {
    goToSecondActivity ();
    }
    });

  3. Agrega el siguiente método al final de la clase MainActivity:
    vacío privado goToSecondActivity () {
    Intent intennt = new Intent (this, SecondActivity.class);
    startActivity (intención);
    }
  4. Haga clic en + junto a importar en la tercera línea de MainActivity.java para expandir las instrucciones de importación.
  5. Agrega lo siguiente al final de las instrucciones de importación si aún no están allí:
    importar android.content.Intent;
    importar android.view.View;
    importar android.widget.TextView;

Paso 7: Prueba la aplicación

Cómo crear una app para Android con Estudio Android

  1. Haz 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), selecciona la opción “Emulador de Lauch”.
  3. Haz clic en Aceptar.
  4. Cuando abras el emulador (esto también puede llevar un tiempo), la aplicación iniciará automáticamente la aplicación al desbloquear el teléfono virtual.
  5. Asegúrate de que todo el texto se muestre correctamente y que el botón lo lleve a la página siguiente.

Paso 8: Felicidades, ¡lo lograste!

Cómo crear una app para Android con Estudio Android

Felicidades! Ya ha completado su primera aplicación de Android con algunas funciones básicas. Su aplicación finalizada debe tener una página que le dé la bienvenida al usuario y un botón que lleve al usuario a una segunda página.

Desde aquí tienes el conocimiento superficial que necesitas para aprender todo lo que hay que saber sobre el desarrollo de aplicaciones de Android.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…
Publicado por Julio César:

Periodista y amante del mundo de la tecnología, los deportes, la música y la naturaleza. Gracias Dios, por permitirme hacer lo que tanto me apasiona

Enviar un comentario