miércoles, 18 de mayo de 2022

1 - Instalación de las herramientas necesarias para programar para Android Studio

mayo 18, 2022 0

 Descarga de herramientas necesarios para programar para Android con el Android Studio






1 - El primer paso es la descarga del Android Studio (que contiene todo lo necesario para comenzar el desarrollo de aplicaciones en Android), lo hacemos del sitio :
Android Studio.

Ahora procedemos a su instalación en el equipo ejecutando el archivo que acabamos de descargar:

Instalacion Android Studio

Marcamos para que instale el Android Studio y Android Virtual Device:

Instalacion Android Studio

Dejamos con los valores por defecto en las siguientes pantallas de instalación.

Instalacion Android Studio
Instalacion Android Studio

2 - El segundo paso es ejecutar el Android Studio para poder empezar a desarrollar para Android:
Ejecución Android Studio

La primera vez que lo ejecutamos elegimos el tipo de configuración "Standard":

Ejecución Android Studio

Seguidamente se instalan las últimas componentes necesarias:

Ejecución Android Studio

Finalmente aparece el siguiente diálogo desde donde podemos crear nuestro primer proyecto:

Android Studio

Desde esta interfaz siempre procedemos para crear un nuevo proyecto.

1 - Instalación de las herramientas necesarias para programar para Android Studio

mayo 18, 2022 0

 Descarga de herramientas necesarios para programar para Android con el Android Studio






1 - El primer paso es la descarga del Android Studio (que contiene todo lo necesario para comenzar el desarrollo de aplicaciones en Android), lo hacemos del sitio :
Android Studio.

Ahora procedemos a su instalación en el equipo ejecutando el archivo que acabamos de descargar:

Instalacion Android Studio

Marcamos para que instale el Android Studio y Android Virtual Device:

Instalacion Android Studio

Dejamos con los valores por defecto en las siguientes pantallas de instalación.

Instalacion Android Studio
Instalacion Android Studio

2 - El segundo paso es ejecutar el Android Studio para poder empezar a desarrollar para Android:
Ejecución Android Studio

La primera vez que lo ejecutamos elegimos el tipo de configuración "Standard":

Ejecución Android Studio

Seguidamente se instalan las últimas componentes necesarias:

Ejecución Android Studio

Finalmente aparece el siguiente diálogo desde donde podemos crear nuestro primer proyecto:

Android Studio

Desde esta interfaz siempre procedemos para crear un nuevo proyecto.

2 - Pasos para crear el primer proyecto Android Studio

mayo 18, 2022 0


 

Una vez que iniciamos el entorno del Android Studio aparece el diálogo principal:

Android Studio

Elegimos la opción "Create New Project"

Ahora aparecerá una ventana donde debemos elegir el esqueleto básico de nuestra aplicación, seleccionaremos "Empty Activity":

proyecto Empty Activity Android Studio

En el segundo diálogo debemos definir el nombre del proyecto, la url de nuestra empresa (que será el nombre del paquete que asigna java para los archivos fuentes) y la ubicación en el disco de nuestro proyecto, también es muy importante elegir el lenguaje Java:

proyecto Android Studio

Tenemos finalmente creado nuestro primer proyecto en Android Studio y podemos ahora ver el entorno del Android Studio para codificar la aplicación:

Entorno Android Studio

El Android Studio nos genera todos los directorios y archivos básicos para iniciar nuestro proyecto, los podemos ver en el lado izquierdo del entorno de desarrollo:

Entorno Android Studio

No haremos en este momento un análisis del significado y objetivo de cada uno de estas secciones y archivos generados, sino a medida que avancemos con este curso iremos viendo en forma puntual y profunda.

La interfaz visual de nuestro programa para Android se almacena en un archivo XML en la carpeta res, subcarpeta layout y el archivo se llama activity_main.xml. En esta carpeta tenemos creada nuestra primer pantalla.

Al seleccionar este archivo el Android Studio nos permite visualizar el contenido en "Design" o "Code" (es decir en vista de diseño o en vista de código):

Vista de diseño:

Entorno Android Studio

A partir de la versión 2.2 del Android Studio tenemos la vista "blueprint" que nos muestra una interfaz simplificada muy útil cuando tenemos pantallas complejas que veremos más adelante. Podemos ver solo la vista de diseño o "blueprint" seleccionando alguna de las opciones que aparecen aquí:

Entorno Android Studio

Vista de código:

Entorno Android Studio

El Android Studio ya insertó dos controles, un TextView y un control de tipo ConstraintLayout que permite ingresar controles visuales alineados a los bordes y a otros controles que haya en la ventana (más adelante analizaremos este layout)

Ya veremos que podemos modificar todo este archivo para que se adapte a la aplicación que queremos desarrollar.

A lo largo de este curso iremos viendo los objetivos de cada una de las secciones que cuenta el Android Studio para implementar la interfaz, codificar en java las funcionalidades de la aplicación etc.

Antes de probar la aplicación en el emulador de un dispositivo Android procederemos a hacer un pequeño cambio a la interfaz que aparece en el celular: borraremos la label que dice "Hello World" (simplemente seleccionando con el mouse dicho elemento y presionando la tecla delete, podemos seleccionarla de cualquiera de las dos interfaces "Design" o "blueprint") y de la "Palette" arrastraremos un "Button" al centro del celular y en la ventana "Properties" estando seleccionado el "Button" cambiaremos la propiedad "text" por la cadena "Hola Mundo":

Entorno Android Studio

Nos queda un paso muy importante que es indicar la posición del botón dentro de la ventana, la forma automática es seleccionar el botón y presionar seguidamente el ícono de "Infer Constraints" (mientras no hagamos esto el botón no aparecerá correctamente en pantalla):

Entorno Android Studio

Este proceso será obligatorio con cada control visual (Botones, editores de línea etc.) que dispongamos en la ventana, veremos luego que los enlaces podemos hacerlos nosotros con el mouse y no estar obligados a los enlaces automáticos que se generan al presionar el botón de "Infer Constraints".

Para ejecutar la aplicación presionamos el triángulo verde o seleccionamos del menú de opciones "Run -> Run app" :

Entorno Android Studio

Luego de un rato aparecerá el emulador de Android en pantalla (el arranque del emulador puede llevar más de un minuto si tiene un equipo con poca ram), es IMPORTANTE tener en cuenta que una vez que el emulador se ha arrancado no lo debemos cerrar cada vez que hacemos cambios en nuestra aplicación o codificamos otras aplicaciones, sino que volvemos a ejecutar la aplicación con los cambios y al estar el emulador corriendo el tiempo que tarda hasta que aparece nuestro programa en el emulador es muy reducido.

Cuando terminó de cargarse el emulador debe aparecer nuestra aplicación ejecutándose:

Emulador Android con una aplicación

Este proyecto lo puede descargar en un zip desde este enlace: proyecto001.zip

2 - Pasos para crear el primer proyecto Android Studio

mayo 18, 2022 0


 

Una vez que iniciamos el entorno del Android Studio aparece el diálogo principal:

Android Studio

Elegimos la opción "Create New Project"

Ahora aparecerá una ventana donde debemos elegir el esqueleto básico de nuestra aplicación, seleccionaremos "Empty Activity":

proyecto Empty Activity Android Studio

En el segundo diálogo debemos definir el nombre del proyecto, la url de nuestra empresa (que será el nombre del paquete que asigna java para los archivos fuentes) y la ubicación en el disco de nuestro proyecto, también es muy importante elegir el lenguaje Java:

proyecto Android Studio

Tenemos finalmente creado nuestro primer proyecto en Android Studio y podemos ahora ver el entorno del Android Studio para codificar la aplicación:

Entorno Android Studio

El Android Studio nos genera todos los directorios y archivos básicos para iniciar nuestro proyecto, los podemos ver en el lado izquierdo del entorno de desarrollo:

Entorno Android Studio

No haremos en este momento un análisis del significado y objetivo de cada uno de estas secciones y archivos generados, sino a medida que avancemos con este curso iremos viendo en forma puntual y profunda.

La interfaz visual de nuestro programa para Android se almacena en un archivo XML en la carpeta res, subcarpeta layout y el archivo se llama activity_main.xml. En esta carpeta tenemos creada nuestra primer pantalla.

Al seleccionar este archivo el Android Studio nos permite visualizar el contenido en "Design" o "Code" (es decir en vista de diseño o en vista de código):

Vista de diseño:

Entorno Android Studio

A partir de la versión 2.2 del Android Studio tenemos la vista "blueprint" que nos muestra una interfaz simplificada muy útil cuando tenemos pantallas complejas que veremos más adelante. Podemos ver solo la vista de diseño o "blueprint" seleccionando alguna de las opciones que aparecen aquí:

Entorno Android Studio

Vista de código:

Entorno Android Studio

El Android Studio ya insertó dos controles, un TextView y un control de tipo ConstraintLayout que permite ingresar controles visuales alineados a los bordes y a otros controles que haya en la ventana (más adelante analizaremos este layout)

Ya veremos que podemos modificar todo este archivo para que se adapte a la aplicación que queremos desarrollar.

A lo largo de este curso iremos viendo los objetivos de cada una de las secciones que cuenta el Android Studio para implementar la interfaz, codificar en java las funcionalidades de la aplicación etc.

Antes de probar la aplicación en el emulador de un dispositivo Android procederemos a hacer un pequeño cambio a la interfaz que aparece en el celular: borraremos la label que dice "Hello World" (simplemente seleccionando con el mouse dicho elemento y presionando la tecla delete, podemos seleccionarla de cualquiera de las dos interfaces "Design" o "blueprint") y de la "Palette" arrastraremos un "Button" al centro del celular y en la ventana "Properties" estando seleccionado el "Button" cambiaremos la propiedad "text" por la cadena "Hola Mundo":

Entorno Android Studio

Nos queda un paso muy importante que es indicar la posición del botón dentro de la ventana, la forma automática es seleccionar el botón y presionar seguidamente el ícono de "Infer Constraints" (mientras no hagamos esto el botón no aparecerá correctamente en pantalla):

Entorno Android Studio

Este proceso será obligatorio con cada control visual (Botones, editores de línea etc.) que dispongamos en la ventana, veremos luego que los enlaces podemos hacerlos nosotros con el mouse y no estar obligados a los enlaces automáticos que se generan al presionar el botón de "Infer Constraints".

Para ejecutar la aplicación presionamos el triángulo verde o seleccionamos del menú de opciones "Run -> Run app" :

Entorno Android Studio

Luego de un rato aparecerá el emulador de Android en pantalla (el arranque del emulador puede llevar más de un minuto si tiene un equipo con poca ram), es IMPORTANTE tener en cuenta que una vez que el emulador se ha arrancado no lo debemos cerrar cada vez que hacemos cambios en nuestra aplicación o codificamos otras aplicaciones, sino que volvemos a ejecutar la aplicación con los cambios y al estar el emulador corriendo el tiempo que tarda hasta que aparece nuestro programa en el emulador es muy reducido.

Cuando terminó de cargarse el emulador debe aparecer nuestra aplicación ejecutándose:

Emulador Android con una aplicación

Este proyecto lo puede descargar en un zip desde este enlace: proyecto001.zip