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

Tabla de contenido:

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

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

Video: Cómo crear una aplicación con Android Studio: 8 pasos (con imágenes)
Video: TUTORIAL -Como sacar el codigo key del Word 2007 2024, Mayo
Anonim

Android Studio es el IDE oficial para aplicaciones de Android. No cuesta nada y es compatible con los lenguajes de programación Java y Kotlin. Te da un gran control sobre lo que hace tu aplicación. Entonces, ¿por qué no programar su aplicación en él? Este artículo espera que conozca los conceptos básicos de Java; si no lo sabe, consulte Cómo escribir su primer programa en Java para obtener una introducción. Este wikiHow te enseñará cómo crear una aplicación básica en Android Studio.

Pasos

Parte 1 de 4: Instalación de Android Studio

4296302 1
4296302 1

Paso 1. Descarga Android Studio

Asegúrese de descargar la versión correcta para el sistema operativo (es decir, Windows, Mac, Linux) que está utilizando. La descarga es de aproximadamente 1 GB y puede tardar varios minutos en descargarse. Siga los siguientes pasos para descargar e instalar Android Studio: Asegúrese de obtener la versión para su sistema.

  • Vaya a https://developer.android.com/studio/index.html en un navegador web.
  • Haga clic en el botón verde que dice Descarga Android Studio (asegúrese de que el sistema operativo correcto aparece debajo del botón).
  • Haga clic en la casilla de verificación junto a "He leído y acepto los términos y condiciones anteriores".
  • Haga clic en el botón azul que dice Descarga Android Studio para [tu sistema operativo].

  • Abra el archivo de instalación.
  • Sigue las instrucciones en la pantalla
4296302 2
4296302 2

Paso 2. Instale las dependencias (solo Linux de 64 bits)

Si tiene una computadora Linux de 64 bits (omita este paso si no lo tiene), tendrá que instalar algunos paquetes adicionales. En un sistema que usa apt, ingrese en la línea de comando: sudo apt-get install libc6: i386 libncurses5: i386 libstdc ++ 6: i386 lib32z1 libbz2-1.0: i386.

  • Si su sistema usa yum, ingrese lo siguiente en su lugar: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Alternativamente, puede instalar fácilmente Android Studio en Ubuntu abriendo el Centro de software. Haga clic en el ícono que se asemeja a una lupa en la esquina superior derecha e ingrese "Android Studio" en la barra de búsqueda. Haga clic en el icono de Android Studio y luego haga clic en Instalar en pc Tiene un icono que se asemeja a una brújula de dibujo en forma de "A" dentro de un círculo verde.
4296302 3
4296302 3

Paso 3. Extraiga el archivo (solo lLinux)

Omita este paso si descargó si descargó un archivo de instalación en Windows o Mac, o si descargó Android Studio desde el Centro de software en Ubuntu. De lo contrario, cambie al directorio en el que descargó el archivo. Luego, haz clic derecho sobre él en el administrador de archivos y selecciona la opción "Extraer aquí". o ingrese "tar -xf downloadName.tar.gz" en la línea de comando (reemplace "downloadName" con el nombre del archivo que acaba de descargar).

4296302 4
4296302 4

Paso 4. Inicie Android Studio

Si descargó un archivo.exe o.dmg, simplemente haga doble clic en él. Si descargó y extrajo un archivo, abra la Terminal y cambie al subdirectorio "bin" del directorio con los archivos extraídos (generalmente "android-studio"). Esto se hace escribiendo cd android-studio / bin. Ejecute el archivo "studio.sh" escribiendo./studio.sh.

4296302 5
4296302 5

Paso 5. Decida si desea importar la configuración

Si es la primera vez que usa Android Studio, seleccione No. Si lo usó antes y desea tener la configuración anterior, seleccione y especifique dónde los guardó.

4296302 6
4296302 6

Paso 6. Decida si desea enviar datos de uso a Google

Esta es una decisión personal y no cambiará nada en el proceso de instalación o programación.

4296302 7
4296302 7

Paso 7. Espere hasta que aparezca una ventana

Se llamará "Asistente de configuración de Android Studio". Haga clic en próximo para proceder.

4296302 8
4296302 8

Paso 8. Decida si desea realizar una instalación estándar o personalizada

Si es la primera vez que usa Android Studio y / o no tiene requisitos especiales, debe seleccionar "Estándar".

4296302 9
4296302 9

Paso 9. Espere hasta que se descarguen los componentes y haga clic en Finalizar

Esto llevará algún tiempo y, mientras tanto, puede hacer otra cosa. Cuando se descarguen, haga clic en Terminar.

Parte 2 de 4: Comenzar un nuevo proyecto

4296302 10
4296302 10

Paso 1. Abra Android Studio

Tiene un icono que se asemeja a una brújula de dibujo en forma de A dentro de un círculo verde. Haga clic en el icono para abrir Android Studio.

4296302 11
4296302 11

Paso 2. Haga clic en + Iniciar un nuevo proyecto de Android Studio

Se encuentra en la ventana etiquetada "Bienvenido a Android Studio", directamente debajo del logotipo de Android Studio. Si no ve esa ventana, verifique si esa ventana está oculta por otras ventanas que haya abierto.

4296302 12
4296302 12

Paso 3. Seleccione una actividad y haga clic en Siguiente

Cuando inicia un nuevo proyecto de Android, muestra una variedad de plantillas que puede seleccionar. También puede seleccionar los dispositivos que desea diseñar para usar las pestañas en la parte superior (es decir, teléfono y tableta, WearOS, TV, etc.) Para aprender a crear aplicaciones, debe seleccionar "Actividad vacía". Cuando haya descubierto la programación de la aplicación, puede usar las funciones adicionales que brindan las otras actividades.

4296302 13
4296302 13

Paso 4. Ingrese un nombre para su aplicación

Esto va en el campo debajo de "Nombre" en la parte superior de la página "Configure su proyecto". Debe ser breve y descriptivo para que pueda ver de inmediato para qué sirve la aplicación.

4296302 14
4296302 14

Paso 5. Seleccione Java como idioma

Utilice el menú desplegable debajo de "Idioma" para seleccionar Java.

4296302 15
4296302 15

Paso 6. Seleccione para qué versión de Android desea diseñar

Utilice el menú desplegable junto a "Nivel mínimo de API" para seleccionar la versión más antigua de Android con la que será compatible su aplicación. Para una aplicación simple, debe elegir una versión que sea compatible con la mayoría de los dispositivos, incluso si es más antigua.

4296302 16
4296302 16

Paso 7. Haga clic en Finalizar

Esto crea un nuevo proyecto de Android Studio. Espere unos minutos mientras el sistema de compilación automatizado configura su proyecto.

Parte 3 de 4: Programación de la aplicación

4296302 17
4296302 17

Paso 1. Comprenda lo que quiere hacer

Piense en qué entrada dará el usuario, cómo la procesará (puede improvisar durante la programación, pero debe tener un esquema de cómo debería funcionar), cómo le mostrará la salida al usuario. Este ejemplo muestra cómo crear una aplicación donde el usuario puede ingresar dos números y se muestra la suma.

4296302 18
4296302 18

Paso 2. Abra el editor de traducciones

Es una buena práctica usar solo cadenas de los recursos de traducción, incluso si no está traduciendo la aplicación. Siga los siguientes pasos para abrir el editor de traducciones:

  • Haga clic en la pestaña que dice activity_main.xml en la cima.
  • Haga clic en el menú desplegable que dice "Predeterminado (en-us)" en la parte superior junto a un icono que se parece a un globo terráqueo.
  • Haga clic en la opción que dice Editar traducciones….
4296302 19
4296302 19

Paso 3. Agrega algo de texto

Tendrás que explicarle al usuario qué se supone que debe hacer con la aplicación. Siga los siguientes pasos para agregar texto:

  • Presione el signo más (+) en la esquina superior izquierda del editor de traducción para agregar una cadena.
  • Inserte una clave corta (esto es como un nombre de variable, por ejemplo, "main_instruction").
  • Ingrese el texto completo en inglés junto a "Valor predeterminado" (es decir, "Ingrese dos números para agregar:").
  • Hacer clic OK.
  • Si lo desea, puede agregar una configuración regional utilizando el botón que representa un globo terráqueo con un signo + y luego traducir todo el texto a esa ubicación.
4296302 20
4296302 20

Paso 4. Haga clic en la pestaña activity_main.xml.

Esto cierra el editor de traducción y vuelve a la pantalla principal de la actividad. Verá una pantalla vacía con un cuadro de texto que muestra el texto "¡Hola mundo!" en el centro. Por ahora, esta es una interfaz bastante inútil.

4296302 21
4296302 21

Paso 5. Reemplace "¡Hola mundo

". Utilice los siguientes pasos para reemplazar el texto" ¡Hola, mundo! ":

  • Haga clic en el cuadro de texto en el centro.
  • Seleccione la entrada etiquetada como "texto" en el lado derecho.
  • Reemplazar "¡Hola mundo!" con "@ string / main_instruction" (o como llames a la clave que creaste). El cuadro de texto ahora mostrará el texto que ingresó para esa clave.
  • Arrastre el cuadro de texto hacia arriba para que tenga espacio para otros elementos debajo de él.
  • Haga clic derecho en la entrada de "TextView" en el menú que muestra todos los elementos en la pantalla y seleccione Constreñir seguido por padre superior.

    Si esto mueve el cuadro de texto a una posición inaceptable, muévalo de regreso a donde estaba y repita. Seleccione Centrar seguido por Horizontalmente para centrar el cuadro de texto horizontalmente.

4296302 22
4296302 22

Paso 6. Coloque dos entradas numéricas en la pantalla

Utilice los siguientes pasos para agregar entradas numéricas en la pantalla:

  • Hacer clic Texto en el panel de la izquierda debajo de "Paleta".
  • Arrastra dos Número (firmado) entradas a la pantalla de vista previa.
  • Utilice el cuadro de texto con la etiqueta "Id" en el panel Atributos a la derecha para cambiar los ID a algo que pueda recordar (es decir, "número1" y "número2"). Evite el uso de espacios en el Id.
  • Restrinja y centre las entradas numéricas como lo hizo con el cuadro de texto en la parte superior. Puede ignorar la advertencia sobre la falta del atributo "autoFillHints".
4296302 23
4296302 23

Paso 7. Coloque un botón "Agregar" en la pantalla

Utilice los siguientes pasos para agregar un botón "Agregar":

  • Hacer clic Botones en el panel de la izquierda debajo de "Paleta".
  • Arrastrar Botón en la pantalla.
  • Agregue una cadena en el editor de traducción con la clave "text_add" y "Agregar" como valor predeterminado.
  • Regrese a "activity_main.xml" y reemplace el texto "Button" con "@ string / text_add" en el panel Atributos a la derecha.
  • Asigne al botón un ID descriptivo, como "buttonAdd" junto a "Id" en el panel Atributos a la derecha.
  • Restrinja y centre el botón como lo hizo con los otros objetos en la pantalla.
4296302 24
4296302 24

Paso 8. Agregue las dos cadenas de traducción

Abra el Editor de traducción y cree dos nuevas cadenas. Uno debe llamarse "resultado" como clave y "Resultado" como valor predeterminado. El otro debería llamarse "not_yet_calculated" como clave y "no calculado todavía" como valor predeterminado.

4296302 25
4296302 25

Paso 9. Agregue otros dos cuadros de texto

Utilice los siguientes pasos para agregar dos nuevos cuadros de texto:

  • Vuelva a la pestaña "Activity_main.xml".
  • Hacer clic Texto en el panel de la izquierda debajo de "Paleta".
  • Arrastra dos Vista de texto cuadros de texto en la pantalla.
  • Reemplaza las cadenas con las que agregaste.
  • Proporcione al cuadro de texto que muestra "aún no calculado" un ID como "resultOut" en el campo "id" del panel Atributos.
  • Restrinja estos cuadros de texto a la parte superior principal y al inicio principal.
4296302 26
4296302 26

Paso 10. Cambie a "mainActivity.java"

Este es el archivo que contiene el código de la aplicación.

4296302 27
4296302 27

Paso 11. Declare las variables necesarias

Deberá obtener la entrada del usuario, reaccionar cuando el usuario presione un botón y cambiar el cuadro de texto "aún no calculado" por el resultado del cálculo. Para hacer esto, el programa necesita "ver" los elementos en la pantalla. Debe declararlos como definitivos porque nunca los cambiará directamente, solo sus atributos. Así que escriba lo siguiente en la línea debajo de la función onCreate (), después de la línea con "setContentView (). Si los cuadros de texto y los botones tienen nombres diferentes a los de abajo, cámbielos según sea necesario. Ingrese el código manualmente. No funcionará si copia y pega. El código es el siguiente:

final EditText num1 = findViewById (R.id.number1); final EditText num2 = findViewById (R.id.number2); Botón final buttonAdd = findViewById (R.id.buttonAdd); final TextView resultOut = findViewById (R.id.resultOut);

4296302 28
4296302 28

Paso 12. Cree un oyente de clics

Esta es la función a la que se llama cuando el usuario hace clic en el botón. Para agregar uno, escriba lo siguiente debajo de la última línea de código "final":

buttonAdd.setOnClickListener (new View. OnClickListener () {@Override public void onClick (View v) {

} });

4296302 29
4296302 29

Paso 13. Agregue código en el oyente de clics

Desea obtener las entradas del usuario, convertirlas en números enteros, agregarlas y cambiar el texto del cuadro de texto "aún no calculado" por el resultado. Agregue el siguiente código debajo de la línea "public void onClick (Ver v)":

int suma = Integer.parseInt (num1.getText (). toString ()) + Integer.parseInt (num2.getText (). toString ()); resultOut.setText (Integer.toString (suma));

Parte 4 de 4: Probar la aplicación

4296302 30
4296302 30

Paso 1. Cree el APK

Siga los siguientes pasos para crear el archivo APK:

  • Haga clic en el Construir pestaña.
  • Hacer clic Build Bundle (s) / APK (s)
  • Hacer clic Compilar APK (s).
4296302 31
4296302 31

Paso 2. Haga clic en el enlace "localizar" en la ventana emergente que aparece en la esquina inferior derecha

Esto abrirá la carpeta con el APK en el administrador de archivos.

4296302 32
4296302 32

Paso 3. Conecte su teléfono inteligente Android a su computadora

Utilice el cable de transferencia USB / microUSB para conectar su teléfono inteligente o tableta a su computadora.

4296302 33
4296302 33

Paso 4. Copie el APK en su teléfono inteligente

Para evitar ensuciar el teléfono inteligente, crea un nuevo directorio para tus APK (por ahora es solo uno, pero si continúas desarrollando, pronto tendrás muchos) o usa el directorio de Descargas. No copie el archivo.json, simplemente ignórelo.

4296302 34
4296302 34

Paso 5. Busque el APK en el teléfono inteligente

Abra el administrador de archivos. Si no está en las descargas recientes o en la sección de APK, búsquelo.

4296302 35
4296302 35

Paso 6. Toque el APK

Esto le preguntará si desea instalarlo. Grifo y espere la instalación.

  • Debe permitir la instalación de aplicaciones de fuentes externas en la configuración del teléfono inteligente para poder instalar y probar su aplicación en él.
  • Puede eliminar el APK después de la instalación. Siempre puede construir uno nuevo en su computadora si lo necesita nuevamente.
4296302 36
4296302 36

Paso 7. Abra la aplicación en el teléfono inteligente

Tendrá un logotipo de Android blanco detrás de un fondo azul verdoso oscuro como icono.

4296302 37
4296302 37

Paso 8. Compruebe si la aplicación funciona como se esperaba

Consejos

Si crea algo que cree que será útil para otros, puede publicar su aplicación en alguna plataforma de distribución como Google Play. Pero mientras todavía está aprendiendo, también puede guardar sus experimentos de programación para sí mismo, habiéndolos guardado solo localmente en su teléfono inteligente y computadora

Advertencias

  • Escribir los comandos mencionados en este artículo en la línea de comandos de Windows no funciona. Utilice los otros métodos especificados en su lugar.
  • Instale Android Studio solo cuando tenga una buena conexión a Internet. Si se interrumpe con frecuencia durante el proceso de instalación, pueden ocurrir problemas inesperados.

Recomendado: