16-practica suma

PRACTICA SUMA

15 captura de formularios

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.

Al añadir los elementos en el layout, se quedan distribuidos de la siguiente forma:

Se quedan con orientacion vertical. Para una orientacion horizontal, podemos hacerlo tambien desde codigo:

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

• 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.

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:

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.

• 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.

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.

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

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:

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)":

Si seleccionamos la otra pestaña podemos visualizar el archivo activity_main.xml en formato de 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":

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:

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:

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.

13- estructura de de carpeta mde proyecto android

Estructura de de carpeta mde proyecto android

Directorio SRC

Se encuentra toda la lógica de aplicación, todas las clases programadas en JAVA. Dentro de ella puedes definir distintos paquetes, donde puedes dividir en capas tus reglas de negocio.

Android Library

Aquí se encuentran todas las librerías propias del SDK de android, dependiendo la versión elegida al crear el proyecto tendrá una versión u otra.

Directorios RES

Se encuentran todos los archivos con los recursos que usan la aplicación. Las imágenes, archivos de idiomas, estilos, etc.. Un pequeños listado de estos puede ser:

• Drawable => Carpeta con todas las imágenes de la app. Se subdivide en múltiples carpetas desde la versión 1.6, que contienen las imágenes en distintas resoluciones y tamaños que se usarán dependiendo el dispositivo usado.
• Directorio layout => Aquí se encuentran las distintas “pantallas” de la aplicación, es decir, los archivos xml con las interfaces visual asociadas a las activities.
• Values => Carpeta con los xml de contenido de la app. En ella puede haber definidas las constantes de la aplicación, dando la posibilidad del multidioma. También puedes definir estilos para tus componentes. Y todo tipo de configuraciones.

Directorio bin

Aquí se encuentran todos los archivos generados por la propia app. Como sabeis, android usa la máquina virtual dalvik, primero se traduce a los típicos archivos .class de java y posteriormente es traducido a los archivo .dex propios de android.

También esta el ejecutable de la aplicación "apk", sería el equivalente a los "exe" de windows. Es el archivo que deberías instalar en cualquier teléfono android para probar la aplicación.

Directorio gen

En esta carpeta esta el archivo R.class, éste contiene lo identificadores los recursos usados por tu proyecto: imágenes, layout, etc...

Si abrís el archivo R.java, veréis los valores internos que se da a cada uno de los identificadores de tu aplicación.

Directorio assests

Carpeta donde se encuentran los archivos auxiliares de tu aplicación: imágenes, audios, vídeos... la diferencia con los que se encuentran con la carpeta "RES", es que los archivos incluidos aquí no generarán un identificador dentro del archivo R.class anteriormente descrito.

Para usar estos archivos, en vez de referenciarlos por un ID, habría que usar la ruta física como cualquier otro archivo

Directorio lib

Aquí irán las librerías externas importados que necesites. Por ejemplo, si deseas meter publicidad en tu app, aquí ira la librería necesaria para ello.

Andoid Manifest

Archivo básico de configuración de toda aplicación android. En el se definen todas las activities de la app, sus permisos, etc... En este artículo se explica con detalle: que es el android manifest

Si quieres leer más articulos como este, sigueme => @ander_gs

10-como instalar eclipse

Como instalar eclipse

Una vez estés en la página de Eclipse, fíjate en la parte derecha de la ventana. Allí verás un botón color naranja, el cual dice “Download”. Este es el botón a presionar para poder descargar Eclipse. Así que dale clic al botón “Download” como muestra la Imagen

 Al darle clic al botón “Download”, pasarás a la página de selección del sistema operativo y la versión. Aquí verás un texto que dice “Eclipse … Release for” y al lado un menú desplegable. El menú desplegable es para que escojas tu sistema operativo. Seas usuario de Windows, Linux o Mac la buena noticia es que Eclipse está disponible para todos esos sistemas operativos. Selecciona tu sistema operativo del menú desplegable como muestra la Imagen

 Luego notarás más abajo, que se te muestra el sistema operativo seleccionado así como las arquitecturas de las versiones de Eclipse, es decir 32 bit y 64 bit. Selecciona la que corresponda según tu computadora. En las PCs modernas comúnmente debes seleccionar 64-bits. Si tu PC es un poco antigua es posible que solo tenga soporte para 32-bits. Haz la selección que corresponda como muestra la Imagen #4.

Ahora pasarás a la página de la descarga en sí. Aquí verás a mano izquierda un botón que dice “Download”. Haz clic en el mismo como muestra la Imagen #5.

Al darle clic al botón “Download” comenzará la descarga. El archivo pesa algunos 40MB así que dale tiempo a que termine. Una vez el archivo de Eclipse esté descargado, dale clic al mismo como muestra la Imagen #6.

Al darle clic al archivo descargado de Eclipse, se activará el eclipseinstaller o instalador de Eclipse. Antes, instalar Eclipse era algo complicado. Pero ahora este instalador te guiará en el proceso para instalar el IDE de una forma fácil y amena. Puedes ver el instalador en la Imagen #7.

La siguiente pantalla del instalador de Eclipse te mostrará todas las versiones disponibles de esta herramienta. En este artículo estamos bajo la presunción de que eres un desarrollador de Java. Por lo tanto debes seleccionar la primera opción, la que dice “Eclipse IDE for Java Developers” la cual se muestra en la Imagen #8.

Cuando le des clic a la opción “Eclipse IDE for Java Developers“, pasarás a la ventana de preferencias. El primer campo que verás allí es el que dice “Installation folder” seguido de una caja de texto y un botoncito con un icono de carpeta. En este campo indicarás la carpeta donde deseas instalar Eclipse. Por lo general debes instalarlo en la carpeta por defecto salvo que desees instalarlo en otra. Para cambiar la carpeta haz clic en el botón que ves a mano derecha y selecciona la carpeta correspondiente. Puedes ver este campo en la Imagen #9.

El otro campo es una casilla que dice “create start menu entry“. Esta casilla lo que hace es anclar Eclipse al menú Inicio. Si así lo deseas deja la casilla marcada, de lo contrario desmárcala. Puedes ver esta casilla en la Imagen #10.

La otra casilla es la que dice “create desktop shortcut“. Esta casilla lo que haces es crear un acceso directo en el Escritorio. Si así lo deseas, deja la casilla marcada. De lo contrario desmarca la casilla “create desktop shortcut“. Esta casilla se muestra en la Imagen #11.

Una vez configures todas las opciones, dale clic al botón “Install” como muestra la imagen #12.

Ahora pasarás a la ventana de la licencia. Entonces desplázate hasta la parte inferior derecha de dicha ventana y allí verás un botón que dice “Accept Now“. Dale clic a dicho botón para aceptar la licencia y proseguir con la instalación, como puedes observar en la Imagen #13.

A continuación Eclipse procederá a instalarse en tu sistema. La instalación demora unos minutos así que sé paciente. Verás una barra de progreso verde, como muestra la Imagen #14.

Una vez termine, la barra de progreso verde se transformará en un botón verde con el texto “Launch” Dale clic al botón “Launch” para lanzar Eclipse, tal y como muestra la Imagen #15.

Al darle clic al botón “Launch“, Eclipse iniciará y verás una ventana como la mostrada en la Imagen