miércoles, 26 de abril de 2017

14-tipos de layouts


Tipos de Layouts en Android


A la hora de programar en Android utilizadno Eclipse o otra herramienta, hjay que tener en cuenta que se manejan diferentes tipos de vistas o layouts en lenguaje Android. En esta entrada quiero explicaros brevemente en que consiste cada uno y cuales son sus ventajas y desventajas.
La lista de los layouts diferentes es la siguiente:
LinearLayout: Dispone los elementos en una fila o en una columna.
TableLayout: Distribuye los elementos de forma tabular.
RelativeLayout: Dispone los elementos en relación a otro o al padre.
AbsoluteLayout: Posiciona los elementos de forma absoluta.
FrameLayout: Permite el cambio dinámico de los elementos que contiene.
  • Linear Layout: Este es el layout mas simple de todos. Ya que pprinicplamente maneja el uso de unos compenentes con otros ya sea en vertical u horizontal.
Hay dos tipos a la hora de utilizar el Linear Layout. Tener orientacion vertical y orientacion horizontal.
Si queremos establecer el tipo de layout que queremos deberemos hacer clic derecho y change Layout.
capturada1
Al añadir los elementos en el layout, se quedan distribuidos de la siguiente forma:
capturada2
Se quedan con orientacion vertical. Para una orientacion horizontal, podemos hacerlo tambien desde codigo:
capturada4
capturada3
Para ello se realiza mediante el comando setOrientation en el XML.
Si por el contrario queremos alienar las diferentes vistas usaremos:android:baselineAligned.
Con ello conseguiremos que los compenentes se alieneen autoimaticamente los unos con los otros.
Mediante el comando gravity, definimos la orientacion principal de los componentes:
Entre ellos se pueden encontrar top, right, left, bottom etc:
Imagen
capturada5
  • RelativeLayout: Se basa principolalmente en establecer los compnentes donde se orientaran unos con otros respecto a los que tengoan al lado. Si agregamos componentes de un inicio se quedarian de la siguiente forma.
capturada1
En general cuando establecemos los componentes, cada uno se puede mas o menos quedar en la parte que se le han indicado. En este caso queda desordenada. El inconveniente que tiene es que cuando manejamos varios por codigo, es mas dificil controlarlos y se pueden desorientar.
Podemos establecerle una orientacion principal o al lado de cada componente utilizando las dioferentes propiedasdes:
capturada2
Otras caracterisitcas qwue podemos usar son: android:layout_alignParentTop, android:layout_alignParentTop, android:layout_alignParentTop, android:layout_alignParentRight, android:layout_centerHorizontal, etc. Estos componentes sirven para orientar unos botones u otros compenentes con otros… Por ejemplo:
Con ello por ejemplo hacemos que con el align_right”Boton2″ el Boton 2 se alienee con el boton 1 a su derecha.
capturada3
capturada4
  • FrameLayout: Consiste en un layout sencillo. Su uso lo unico que hace es colocar unas vostas encima de otras.
Una de las caracterisitcas es el uso del gtavity para orientar los componentes en la parte ikndicada.
capturada1
El uso de ello superpoone varios botones unos encima de otros. Para separarlos es mejor hacerlo mendiante codigo y asi se podra verlo mejor distribuido.
  • TableLayout:
Realiza una division del layouts en tablas, donde en cada columna o fila se pueden distribuir los componentes.
Con tablerow definimos la fila donde queremos que empieze o acabe. Por ejempl aqui definimos que en el primer row haya dos botones mientras que en el segunod solo se situe unos solo.
capturada2
capturada3

Dentro de cada Layout tambien se le pueden cambiar los atributos y poner orientaciones o gravedad hacia los lados como anteriormente.

11-pasos para configurar android

pasos para configurar android

Primero elegimos entre descargar el SDK o usar uno previamente instalado. En el primer caso, descarga la versión 2.1 (la más común) y la última versión disponible.
1
Sin embargo, nosotros ya tenemos una instalación previa, por lo que elegimos Use existing SDKs y después Browse para indicar su ubicación.
Lo siguiente será elegir la ubicación donde tenemos instalado el SDK de Android. Será la misma que establecimos en el apartado “Descargar e instalar Android SDK”.
2
Nos desplazamos hasta ella en la ventana que nos ha aparecido y hacemos clic en Aceptar.
Por último, el plug-in nos pide autorización para enviar información estadística a Google, con el fin de implementar nuevas mejoras según los resultados obtenidos de todos los usuarios.
3
 Deberás elegir Yes o No, según tu criterio, y después hacer clic en Finish.
Después de esto, ya tendremos el plug-in Android Development Tools listo para entrar en acción en nuestro entorno Eclipse.

12-primera aplicacion android

 pasos para crear el primer proyecto android
Ya tenemos todo lo necesario instalado para implementar el primer proyecto. Desde el menú de opciones: File -> New -> Android Application Project
creacion proyecto android
En este diálogo especificamos el nombre de la aplicación y proyecto (pueden ser iguales) y el nombre del paquete java donde se almacenarán los archivos java que creemos (normalmente la url de su empresa al revés).
Ahora empezaremos a presionar el botón next para pasar a otras configuraciones de nuestra aplicación, por el momento dejaremos todos los valores por defecto en cada una de los diálogos que aparece (son 5 diálogos actualmente), en el último diálogo debe aparecer el botón "Finish" el cual presionamos.
El ADT nos genera todos los directorios y archivos básicos para iniciar nuestro proyecto:
archivos y directorios de un proyecto android
No haremos en este momento un análisis del significado y objetivo de cada uno de estos directorios 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 ADT nos permite visualizar el contenido en "vista de diseño (Graphical Layout)":
archivo xml graphical layout
Si seleccionamos la otra pestaña podemos visualizar el archivo activity_main.xml en formato de texto:
archivo xml en modo texto
El ADT ya insertó un control de tipo RelativeLayout 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.
Luego contenido en el control RelativeLayout hay otro control de tipo TextView que es básicamente una etiqueta o label que mostrará en pantalla el valor almacenado en la propiedad text.
Podemos modificar directamente el archivo xml o en "vista de diseño" modificar los valores de las propiedades. Elegimos nuevamente la pestaña "Graphical Layout" y seleccionamos el TextView con el mouse y vemos que en la parte derecha de la pantalla aparece una ventana llamada "properties":
properties
Y estando seleccionado el TextView buscamos la propiedad Text y cargamos: "Mi primer programa para Android" y presionamos enter, podemos ver que se actualiza la vista:
properties
Con esto ya podemos probar nuestra primer aplicación para un dispositivo Android. SELECCIONAMOS con el mouse en la ventana de la izquierda (Package Explorer) el proyecto001 y presionamos el ícono de Run (triángulo verde) o desde el menú. Seleccionamos que se ejecute como aplicación "Android Application". Ahora se abrirá el AVD(Android Virtual Device) esto tarda bastante tiempo, es muy importante recordar que luego de ver ejecutándose el programa NO debemos cerrar el AVD para que la próxima ejecución se inicie más rápido (podemos minimizar el AVD)
Ahora podemos ver nuestra primer aplicación corriendo en el emulador de Android:
AVD con programa Android en ejecucion
Como hemos visto el ADT nos genera en forma automática todas las carpetas y archivos básicos que necesitamos en un principio. En el siguiente concepto podremos empezar a programar verdaderamente. El único objetivo de este ejercicio es recordar los pasos para crear un proyecto.