jueves, 27 de abril de 2017




Layouts                                                                                                                      

Un layout es un contenedor de una o más vistas y controla su comportamiento y posición:

FrameLayout: generalmente este Layout suele usarse para mostrar un único elemento en la UI. Android Stuido nos permite posicionar hasta 9 elementos.

LinearLayout: coloca los elementos unos detrás de otros de manera lineal, o bien de forma vertical o bien de forma horizontal.

TableLayout: dentro de este Layout podemos definir filas y columnas para situar los elementos. 


TableRow: debe ser usado como hijo de un TableLayout. Básicamente éste Layout es una tabla de columnas.
GridLayout: es un elemento similar al TableLayout ya que sus elementos se distribuyen en filas y columnas pero con el inconveniente de que solo se puede utilizar a partir de la API 14.
RelativeLayout: nos permite colocar cada elemento de forma relativa a cualquier elemento dentro del propio RelativeLayout.
Absolute Layout: Permite indicar las coordenadas (x,y) donde queremos que se visualice cada elemento. No es recomendable utilizar este tipo de Layout. La aplicación que estamos diseñando tiene que visualizarse correctamente en dispositivos con cualquier tamaño de pantalla.
GridLayout: Es un elemento similar al TableLayout ya que sus elementos se distribuyen en filas y columnas pero con el inconveniente de que solo se puede utilizar a partir del API 14.

Estructura de las carpetas de un proyecto Android


AndroidManifest.xml: Este fichero describe la aplicación Android. Se define su nombre, paquete, icono, estilos, etc. Se indican las actividades, las intenciones, los servicios y los proveedores de contenido de la aplicación.



java: Carpeta que contiene el código fuente de la aplicación. 
MainActivity: Clase Java con el código de la actividad inicial.
Application Test: Clase Java pensada para insertar código de testeo de la aplicación utilizando el API JUnit.
res: Carpeta que contiene los recursos usados por la aplicación.
layout: Contiene ficheros XML con vistas de la aplicación. Las vistas nos permitirán configurar las diferentes pantallas que compondrán la interfaz de usuario de la aplicación. 
menú:Ficheros XML con los menús de cada actividad. En el proyecto no hay ningún menú por lo que no se muestra esta carpeta.
values: También utilizaremos ficheros XML para indicar valores usados en la aplicación, de esta manera podremos cambiarlos desde estos ficheros sin necesidad de ir al código fuente.


martes, 4 de abril de 2017

¿Como crear la primera Aplicación Andoid?

Pasos:
1.-Instalar Android Studio
El programa oficial para desarrollar aplicaciones para Android es Android Studio, recomendado por el propio Google. Desde la web oficial de Android Developers podemos descargar Android Studio para cualquier plataforma: Windows (1187 MB), Mac OS (291 MB) y Linux (291 MB). También vamos a necesitar tener instalado el JDK 7 de Java. Al instalar Android Studio nos preguntará la ruta en donde hemos instalado el JDK 
Para desarrollar una aplicación para Android necesitamos conocer dos lenguajes: Java y XML. El primero es solo un lenguaje de maquetación con el que vamos crear la parte visual de nuestra aplicación. Java es un lenguaje de programación con el que crearemos el funcionamiento debajo de lo que se ve. Es decir con XML dibujamos el botón y con Java efectuamos una acción cuando lo pulsamos.Una vez instalado todo, ¡manos a la obra!
2.-Crea un nuevo proyecto
Android Studio puede tardar un poco en cargar. La primera vez que lo iniciamos nos saludará con una pantalla parecida a la que tenemos aquí abajo. Una aplicación se crea a partir de un buen número de archivos y carpetas por lo que para hacer nuestra aplicación necesitamos generar un nuevo proyecto. Seleccionando 'Start a new Android Studio project' (Android Studio está en inglés) se generará todo lo necesario para crear nuestra aplicación.

Una seleccionado un nuevo proyecto, le tendremos que poner nombre al mismo en 'Anpplication Name'. Le puedes poner el nombre que quieras. Yo lo voy a llamar "HolaAndroidPIT". La siguiente línea, 'Company Domain', es para poner el código de desarrollador que Google nos da para publicar nuestras aplicaciones en Google Play. Como no vamos a colocarla en Play Store podemos dejar esta línea tal cual. La última línea es la ruta donde se guarda este proyecto en el disco duro, también en mejor dejarla como está. Una vez listo pulsa en 'Next' abajo a la derecha.

La siguiente ventana es para elegir la actividad principal de nuestra aplicación. No nos vamos a complicar mucho así que vamos a elegir una actividad en blanco: 'Blank Activity'. Pulsa sobre 'Next'.
Ahora le puedes poner nombre a la actividad principal el cual se mostrará arriba en nuestra aplicación. Puedes ponerle el nombre que tendrá tu aplicación. Yo lo voy a nombrar como "HolaAndroidPIT". Después solo tienes que pulsar en 'Finish'

Una vez creado el proyecto, vamos a tener una ventana en la que a la izquierda vamos a tener el árbol con las carpetas y archivos del proyecto. Al empezar estará seleccionado el archivo con extensión .xml de nuestra actividad principal que se encuentra dentro de la carpeta 'layout'. A la derecha se muestra lo que contiene el archivo y hay dos pestañas abajo para poder visualizarlo.
Una es 'Design' que muestra el diseño de como se vería nuestra app, donde también podemos coger otros componentes como botones del menú de la izquierda y soltarlos sobre la pantalla de smartphone. La otra pestaña es 'Text' y aquí se muestra el código XML de toda la maquetación de los diferentes elementos que tengamos en la actividad. Si quieres que tu aplicación funcione bien al final vas a mirar más el código que el diseñador.
Nos vamos a quedar en la pestaña 'Design' y ahora vamos a cambiar el texto que aparece arriba a la derecha. Selecciónalo con el ratón. Se marcará con un recuadro en azul. Pulsa cualquier letra y podrás modificar el texto. Escribe lo que quieras. Yo para seguir con la costumbre he puesto "Hola AndroidPIT".


La letra me parece un poco pequeña así voy a ponerla más grande en el apartado de 'textSize' en el cuadro de 'Properties' (propiedades) voy a colocar 35dp. En 'textStyle' voy a marcar 'bold' para ponerlo en negrita. Y también lo voy a centrar en la pantalla arrastrando el texto con el ratón.
En el árbol de componentes, 'Componet Tree', encima de las propiedades nuestro texto tiene un pequeño triangulo amarillo de advertencia. Android Studio de informa de los posibles errores de código e incluso de las faltas de ortografía. Por defecto solo corrige el inglés y si escribimos en otro idioma lo marcará como error. Se puede configurar para que detecte otros idiomas pero por ahora no nos vamos a molestar.
Justo encima de la vista previa del dispositivo podemos cambiar el mismo para ver como queda en los diferentes tamaños de pantalla de los Nexus tanto smartphones y tablets. 

Ya estamos listos para pasar nuestra primera aplicación a nuestro dispositivo. 

Proceso de instalacion del Programa Eclipse

Pasos:
1.- Visita la página de descarga de Java en el sitio web de Oracle para encontrar la descarga del entorno JDK. Desplázate hacia abajo hasta encontrar la actualización 43 de Java SE 6, y descarga JDK.

2.- Una vez que selecciones Descargar, acepta los términos de servicio y escoge el sistema operativo correspondiente para ese JDK en específico. (Windows, Mac, Linux, etc.)

3-Una vez que la descarga esté completada, debes hacer doble clic en el archivo para empezar con la instalación de JDK.
4.-Después de la instalación inicial esté completada, aparecerá una ventana emergente preguntándote dónde estarán los archivos Java. Puedes escoger cambiar dónde quieres almacenar los archivos, pero es mejor quedarte con la carpeta que aparezca como predeterminada. 

5.-Cuando la instalación se haya completado, empezaremos con la instalación de Eclipse. Ve a http://www.eclipse.org/downloads/

6.- Para los usuarios de Windows, tendrás que saber qué versión de sistema operativo tienes. Si tu computadora es de 64-bit, selecciona Windows 64 y si es de 32-bit, selecciona Windows 32 bit.

7.- Una vez que descargues el archivo de Eclipse, necesitarás descomprimir el archivo Zip, el cual creará una carpeta de Eclipse sin comprimir. Debes extraer el archivo a la raíz de la unidad C:\, así creando la carpeta “C:\eclipse”, o sólo muévelo o esa carpeta después de extraerlo. Ya que Eclipse no tiene algún instalador, habrá un archivo dentro de la carpeta de Eclipse llamado eclipse.exe ( ). Puedes hacer doble clic en el archivo para ejecutar Eclipse.

8.-Después de que eclipse se haya instalado completamente y se haya extraído, crea una carpeta de trabajo donde contendrás todos los archivos de programa que has creado.

9.- Ahora que terminaste de instalar Eclipse, reinicia tu computadora. Al reiniciar tu computadora se actualizará la memoria de tu sistema y permitirá que los cambios creados por los instaladores surjan efecto.

10.- De ahí en adelante, crea un programa de prueba para probar la funcionalidad de Eclipse.