CAPTURA DE CARPETAS

Estas son las 11 capturas de las carpetas en eclipse una por cada practica.

Reporte #11:Suma

Abrimos eclipse ADT, en el menú seleccionamos File => New => Android Application Project, le dimos nombre a la aplicación como "Suma", clic varias veces en "Next" y uno en "Finish".
Empezamos a hacer el diseño, primero... de "Form Widgets" arrastramos hacia la hoja de diseño 2 "Medium Text"; a uno le escribí "primer numero" y al otro "segundo numero", después... de "Text Fields" arrastramos la etiqueta "abc", luego arrastramos un boton de "Form Widgets" y editamos el texto como Calcular, por ultimo arrastramos un "Text View" de "Form Widgets".
Lo siguiente era cambiarle las propiedades al "text View", haciéndolo en las propiedades que se encuentran en la parte inferior derecha o solo con darle clic derecho y buscarlas, las propiedades quedarian asi:
 id  @+id/res  => Yes => OK
Hint RESULTADO
On Click suma

Finalmente nos fuimos a la pestaña "MainActivity" y escribimos un código debajo del que estaba.

Reporte 10: Zoologico

Dentro de eclipse me fui al menú => File => New => Android Application Project, despues escribi el nombre de la aplicación, cumpliendo con las reglas: que la primer letra de cada palabra este en mayúscula y sin espacio en blanco, luego le di clic varias veces en "Next" y un clic en Finish. Después se observo el area de trabajo, para empezar, borre todo el código que se encuentra en la pestaña "activity_main.xml" que esta en la parte inferior, con esto elimino el RelativeLayout que se encuentra automáticamente, para yo agregar uno me voy a "GraphicalLayout" => Layouts y elegí el LinearLayout (Vertical) arrastrándolo hacia la parte gris y después se observo la hoja de diseño, luego arrastre etiquetas que se encuentran en "Form Widgets" y en "Text Fields". De "Form Widgets" arrastre la etiqueta Medium hacia la hoja de diseño y le di clic derecho y seleccione Edit Text y en el cuadro de dialogo que se lanzo escribi codigo y le di clic en OK, y asi sucesivamente para los demas escritos. Para los renglones simplemente en Text Fields arrastre la etiqueta abc hacia la hoja de diseño. Para los botones, primero clic en Form Widgets y arratre Button y le di clic derecho => Edit Text y escribi lo correspondiente y asi lo mismo para los demas botones.

Reporte #9: SuperMercado

Dentro de eclipse me fui al menú => File => New => Android Application Project, despues escribi el nombre de la aplicación, cumpliendo con las reglas: que la primer letra de cada palabra este en mayúscula y sin espacio en blanco, luego le di clic varias veces en "Next" y un clic en Finish. Después se observo el area de trabajo, para empezar, borre todo el código que se encuentra en la pestaña "activity_main.xml" que esta en la parte inferior, con esto elimino el RelativeLayout que se encuentra automáticamente, para yo agregar uno me voy a "GraphicalLayout" => Layouts y elegí el LinearLayout (Vertical) arrastrándolo hacia la parte gris y después se observo la hoja de diseño, luego arrastre etiquetas que se encuentran en "Form Widgets" y en "Text Fields". De "Form Widgets" arrastre la etiqueta Medium hacia la hoja de diseño y le di clic derecho y seleccione Edit Text y en el cuadro de dialogo que se lanzo escribi codigo y le di clic en OK, y asi sucesivamente para los demas escritos. Para los renglones simplemente en Text Fields arrastre la etiqueta abc hacia la hoja de diseño. Para los botones, primero clic en Form Widgets y arratre Button y le di clic derecho => Edit Text y escribi lo correspondiente y asi lo mismo para los demas botones.

Reporte #8: Banco

Dentro de eclipse me fui al menú => File => New => Android Application Project, despues escribi el nombre de la aplicación, cumpliendo con las reglas: que la primer letra de cada palabra este en mayúscula y sin espacio en blanco, luego le di clic varias veces en "Next" y un clic en Finish. Después se observo el area de trabajo, para empezar, borre todo el código que se encuentra en la pestaña "activity_main.xml" que esta en la parte inferior, con esto elimino el RelativeLayout que se encuentra automáticamente, para yo agregar uno me voy a "GraphicalLayout" => Layouts y elegí el LinearLayout (Vertical) arrastrándolo hacia la parte gris y después se observo la hoja de diseño, luego arrastre etiquetas que se encuentran en "Form Widgets" y en "Text Fields".

Reporte #7: Escuela

Primero inicie sesion en la maquina. Busque y abri mi carpeta en Eclipse ADT, creamos un programa nuevo y para poder hacerlo tuve que dar clic en donde dice "File" despues en "New" y en seguida a "Android Application Project", aparece la pantalla donde ponemos el nombre del programa en este caso fue "PROGRAMA 7", di clic en donde decia "Next" hasta llegar a donde nos marca "Finish".
Despues borre todo el codigo para poder colocar un Layout nuevo y despues los objetos, el Layout que coloque fue el de Linear Layout (vertical). Al final puse los objetos que en total fueron 10.

Reporte #6:Hospital

Primero inicie sesion en la maquina. Busque y abri mi carpeta en Eclipse ADT, creamos un programa nuevo y para poder hacerlo tuve que dar clic en donde dice "File" despues en "New" y en seguida a "Android Application Project", aparece la pantalla donde ponemos el nombre del programa en este caso fue "PROGRAMA 6", di clic en donde decia "Next" hasta llegar a donde nos marca "Finish".
Despues borre todo el codigo para poder colocar un Layout nuevo y despues los objetos, coloque el Layout vertical para poder hacerlo con mucha mas facilidad. Coloque textos con Large.  

Reporte #5: Agenda Personal

Al darle clic a eclipse, se abrió una pequeña ventana en la cual seleccione Browse para buscar mi carpeta, que es en donde se guardara todo lo que hiciera. Al estar dentro me fui al menú, File => New => Android Application Project y despues le puse un nombre a la aplicacion, seleccione en "Next" por varias veces y finalmente en "Finish". Despues de esto se observaron cuatro pestañitas, dos en la parte superior y dos en la inferior.

Las de la superior son:
* Activity_main.xml:  que es en donde se encuentra el diseño.
* MainActivity.java: que es donde hay un codigo.

Las de la inferior son:
* Graphical Layout: donde se encuentra el diseño.
* Activity_main.xml: se presenta el código del formulario.

Lo que procede es borrar el código de la pestaña "Activity_main.xml" que esta en la parte inferior, enseguida me voy a "Graphical Layout", le di clic en Layouts y seleccione "Linearalayout (Vertical)" y lo arrastre hacia la parte gris que se observaba y automaticamente se agrega una hojita con el formato de este layout, finalmente arrastre etiquetas desde "Form Widgets" y "Text Fields".

Reporte #4: Datos Personales

Una vez que estuve en eclipse, en el menú seleccione File => New => Android Application Project y después en el cuadro de dialogo escribí el nombre de la aplicación, luego le di clic a "Next" hasta que el botón "Finish" estuviera disponible para seleccionarlo. Después se prosiguió al diseño, empezando primero a borrar el código que se encontraba en la pestaña "activity_main.xml", lo siguiente era arrastrar el "LineraLayout (Horizontal)" que se encuentra en la pestaña "Graphical Layout" => Layouts. Y lo arrastre hacia la hoja de diseño, automáticamente daría efecto su propio formato. Ahora se arrastrarían las etiquetas desde dos sitios, llamados: "Form Widgets" y "Text Fields".

Reporte #3: Datos Personales

En eclipse, en el menú seleccione File => New => Android Application Project, automáticamente se lanza un cuadro de dialogo en el cual le di un nombre a la aplicación, una vez hecho esto le di clic en "Next" mas de una vez hasta que se iluminara el botón Finish, dándole clic a este. Después me voy a la pestaña que que esta en la parte supérior la cual dice "activity_main.xml" después seleccione nuevamente esta pestaña pero ahora la que se encuentra en la parte inferior, lo que se observo fue un codigo y este lo borre, en instantes seleccione la pestaña "Graphical Layout", que es donde esta el diseño, y solamente se observa que se puso color gris en donde se encuentra el diseño. Esto se trataba de usar Layouts, el cual nos sirve para dar formato al diseño, entonces seleccione en "Layouts", y arrastre el que dice "LinearLayout (Vertical)" hacia la parte gris que se observaba y lo que hace es que apareciera una hoja de diseño, lo que prosigue fue  arrastrar etiquetas hacia la hoja de diseño desde Form Widgets y Text Fields.

Reporte #2: Hola Mundo

Primero inicie sesión, después abrí Eclipse ADT. Después la maestra nos dijo que íbamos a hacer el siguiente programa siguiendo los pasos de una investigación que hicimos que se llama "la primera aplicación  de Android en Eclipse". Di clic en "File", después a "New" y en seguida a "Android Application Project"; le puse de nombre al programa "Hola Mundo" y di clic en "Next" hasta llegar a "Finish".

Por último puse un objeto y le puse de nombre igual "Hola Mundo" y después lo guarde y cerré sesión.

REPORTE DEL PROGRAMA #1: Insertar Objetos

Primero inicie sesión en la computadora. Después la maestra nos dijo que íbamos a hacer. Abrimos Eclipse ADT, después di clic en "File", después a "New" y después a "Android Application Project", le puse de nombre "Programa 2" y di clic en "Next" hasta legar a "Finish". Después fui a la carpeta del programa y busque "Activity-Maid.xml" y apareció la pantalla. Por último añadí 10 objetos de la carpeta Form Widgets.

CONFIGURAR LA MAQUINA VIRTUAL

Clic en el icono “Android Virtual Device Manager”

     Clic en New

·         En el siguiente cuadro de dialogo; en “AVD Name” escribir el nombre para identificar el Plugin. En Device se selecciono “2.7” QUGA (240x320:ldpi), es una resolución bastante baja pero es la mínima para todos los dispositivos Android y se utilizara así para que la mayoría de las aplicaciones corran mucho mas rápido en la computadora. En target seleccionamos “Android 2.2 – Apl Level 8”. En “Keyboard” y en “Skin”, dejamos las palomitas ahí. En “Front Camera”no se puede hacer nada. En “Back Camera” y “Memory Options” las dejamos así. En “Internal Storage”, que es el almacenamiento interno, se puede cambiar el valor, el cual se puso 650. En “SD Card”, es opcional. En “Emulation Option”, palomear en el cuadrito de “Snapshot”. Y por ultimo le damos clic en “OK”

·         Ya se tiene lista la maquina virtual, así que se la da clic en “Start”

Se abrira la máquina virtual

LAYOUTS

Si queremos combinar varios elementos de tipo vista tendremos que utilizar un objeto de tipo Layout. Un Layoutes un contenedor de una o más vistas y controla su comportamiento y posición. Hay que destacar que un Layoutpuede contener a otro Layout y que es un descendiente de la clase View.

 La siguiente lista describe los Layout más utilizados en Android:

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.

LinearLayout es uno de los Layout más utilizado en la práctica. Distribuye los elementos uno detrás de otro, bien de forma horizontal o vertical. 

Utiliza un LinearLayout horizontal que contenga en su interior otros LinearLayout para realizar un diseño similar al siguiente:

TableLayout distribuye los elementos de forma tabular. Se utiliza la etiqueta <TableRow> cada vez que queremos insertar una nueva línea. Utiliza un TableLayout para realizar un diseño similar al siguiente:

RelativeLayout permite comenzar a situar los elementos en cualquiera de los cuatro lados del contenedor e ir añadiendo nuevos elementos pegados a estos. Utiliza un RelativeLayout para realizar un diseño similar al siguiente:

También podemos utilizar otras clases de Layouts, que son descritas a continuación:

ScrollView: Visualiza una columna de elementos; cuando estos no caben en pantalla se permite un deslizamiento vertical.

HorizontalScrollView: Visualiza una fila de elementos; cuando estos no caben en pantalla se permite un deslizamiento horizontal.

TabHost: Proporciona una lista de ventanas seleccionables por medio de etiquetas que pueden ser pulsadas por el usuario para seleccionar la ventana que desea visualizar. Se estudia al final del capítulo.

ListView: Visualiza una lista deslizable verticalmente de varios elementos. Su utilización es algo compleja. Se verá un ejemplo en el capítulo siguiente.

GridView: Visualiza una cuadrícula deslizable de varias filas y varias columnas.

ViewFlipper: Permite visualizar una lista de elementos de forma que se visualice uno cada vez. Puede ser utilizado para intercambiar los elementos cada cierto intervalo de tiempo.

ESTRUCTURA DE UN PROYECTO ANDROID

Carpeta /src/

Esta carpeta contendrá todo el código fuente de la aplicación, clases auxiliares, etc. Inicialmente, Android Studio creará por nosotros el código básico de la pantalla (actividad o activity) principal de la aplicación, que recordemos que en nuestro caso era MainActivity, y siempre bajo la estructura del paquete java definido durante la creación del proyecto.

Carpeta /res/

Contiene todos los ficheros de recursos necesarios para el proyecto: imágenes, layouts, cadenas de texto, etc. Los diferentes tipos de recursos se pueden distribuir entre las siguientes subcarpetas:
     /res/drawable/
    Contiene las imágenes y otros elementos gráficos usados por la aplicación.           Para poder definir diferentes recursos dependiendo de la resolución y                   densidad de la pantalla del dispositivo se suele dividir en varias                             subcarpetas:

• /drawable (recursos independientes de la densidad)
• /drawable-ldpi (densidad baja)
• /drawable-mdpi (densidad media)
• /drawable-hdpi (densidad alta)
• /drawable-xhdpi (densidad muy alta)
• /drawable-xxhdpi (densidad muy muy alta)

     /res/layout/

    Contiene los ficheros de definición XML de las diferentes pantallas de la               interfaz gráfica. Para definir distintos layouts dependiendo de la orientación del     dispositivo se puede dividir también en subcarpetas:

• /layout (vertical)
• /layout-land  (horizontal)

     /res/anim/
     /res/animator/

    Contienen la definición de las animaciones utilizadas por la aplicación.

     /res/color/

    Contiene ficheros XML de definición de listas de colores según estado.

     /res/menu/

    Contiene la definición XML de los menús de la aplicación.

     /res/xml/

     Contiene otros ficheros XML de datos utilizados por la aplicación.

     /res/raw/

     Contiene recursos adicionales, normalmente en formato distinto a XML, que          no se incluyan en el resto de carpetas de recursos.

     /res/values/

    Contiene otros ficheros XML de recursos de la aplicación, como por ejemplo         cadenas de texto (strings.xml), estilos (styles.xml), colores (colors.xml), arrays     de valores (arrays.xml), tamaños (dimens.xml), etc.

Fichero /app/src/main/AndroidManifest.xml

Contiene la definición en XML de muchos de los aspectos principales de la aplicación, como por ejemplo su identificación (nombre, icono, …), sus componentes (pantallas, servicios, …),  o los permisos necesarios para su ejecución. Veremos más adelante más detalles de este fichero.

Fichero /app/build.gradle

Contiene información necesaria para la compilación del proyecto, por ejemplo la versión del SDK de Android utilizada para compilar, la mínima versión de Android que soportará la aplicación, referencias a las librerías externas utilizadas, etc. Más adelante veremos también más detalles de este fichero.

En un proyecto pueden existir varios ficheros build.gradle, para definir determinados parámetros a distintos niveles. Por ejemplo, en nuestro proyecto podemos ver que existe un fichero build.gradle a nivel de proyecto, y otro a nivel de módulo dentro de la carpeta /app. El primero de ellos definirá parámetros globales a todos los módulos del proyecto, y el segundo sólo tendrá efecto para cada módulo en particular.

Carpeta /app/libs

Puede contener las librerías java externas (ficheros .jar) que utilice nuestra aplicación. Normalmente no incluiremos directamente aquí ninguna librería, sino que haremos referencia a ellas en el fichero build.gradle descrito en el punto anterior, de forma que entren en el proceso de compilación de nuestra aplicación. Veremos algún ejemplo más adelante.

Carpeta /app/build/

Contiene una serie de elementos de código generados automáticamente al compilar el proyecto. Cada vez que compilamos nuestro proyecto, la maquinaria de compilación de Android genera por nosotros una serie de ficheros fuente java dirigidos, entre otras muchas cosas, al control de los recursos de la aplicación. Importante: dado que estos ficheros se generan automáticamente tras cada compilación del proyecto es importante que no se modifiquen manualmente bajo ninguna circunstancia.

LA PRIMERA APLICACIÓN DE ANDROID EN ECLIPSE

Accedemos al menú superior de Eclipse, en File => New => Android Application Proyect

En la siguiente ventana escribimos el nombre de la aplicación: “PrimerHolaMundo”

En Project Name y en Package Name no modificarlos, porque solitos se iran escribiendo de acuerdo al nombre de la aplicación

En los siguientes apartados indicamos la versión mínima del SDK con la que debería funcionar nuestra aplicación, y también la versión idónea del programa

 Pulsamos siguiente y aparecerá otra ventana donde se pueden configurar diferentes aspectos del proyecto

Seleccionamos como en la siguiente ventana:

Clic en Next

La siguiente pantalla no la modificamos,

  por tanto,  pulsamos de nuevo next.

En esta ventana elegimos el nombre de la actividad principal, en esta ocasión la dejamos como está

Le damos “Next”

En la siguiente ventana no modificamos y le damos clic en “Finish”

Después para escribir nuestro propio texto damos doble clic donde lo muestra la siguiente imagen

Luego borramos lo que esta subrayado

Y escribimos “Hola Mundo…!!!”

Después guardamos

Nos vamos al Proyecto => Run As =>2 Android Application

Y nos lanza la siguiente ventana

PASOS PARA INSTALAR ECLIPSE CON EL PLUGIN DE ANDROID

Como verán ya muchos tendrán su eclipse, pero tal vez se pregunten y como instalo la versión de Android? bueno en este blog le mostraremos como lo hagan paso a paso, espero y les guste.

1.- Java JDK 6. http://www.oracle.com/technetwork/java/javase/downloads/index.html.

Cuando pulses sobre el botón"JDK Download" te llevara a otra pantalla, ve a la parte de Java JDK, tendrás que aceptar una licencia y ya seleccionar el sistema operativo que usas (windows, mac, 32bit(x86) o 64bit(x64)....)

2.- Eclipse Indigo (v 3.7.2 o mayor). http://eclipse.org/downloads/packages/release/Indigo/SR2
como veras hay varias compilaciones de Indigo, debes asegurarte que llevaEclipse JDT plugin (que esta incluido en la mayoría de los paquetes de Eclipse IDE) yo te recomiendo que descargues la versión que te marco aquí abajo (Eclipse IDE for Java Developers).

La instalación de Eclipse es sencilla, basta con que descomprimas el archivo que te descargaste, y saques un acceso directo del ejecutable Eclipse.exe que encontraras dentro de la carpeta Eclipse.

Una vez que hayas instalado el Java JDK y tengas Eclipse localizado, toca instalar el Plugin de Android para Eclipse, para esto haz lo siguiente:

1. Inicia Eclipse, lo primero que te preguntara será sobre la ubicación del WorkSpace, esta es la ubicación donde se guardaran tus proyectos, selecciona una ruta y acepta el dialogo. Truco: Si usas varios PC's usa DropBox o Drive para tener tus proyectos en todos tus PC's.

Después selecciona en el menú superior, selecciona Help > Install New Software.

2. Haz Click en Add, en la esquina superior derecha, en la ventana que aparece escribe "ADT Plugin" para el Name y la siguiente URL para la Location:

                  https://dl-ssl.google.com/android/eclipse/

3. Haz Click en OK.
4. Aparecerá entonces el software disponible, debes seleccionar el repositorio Developer Tools y hacer click en Next.

5. En la siguiente ventana, veras la lista del software que se va a descargar, haz Click en Next.

6. Lee y acepta la license agreements, después haz click en Finish.

Nota: Es muy posible que te aparezca un mensaje de aviso diciendo que la conexión ni es segura. Acepta el dialogo y continua, cuando termine la descarga reinicia Eclipse.

Tienes toda la documentación oficial aquí: http://developer.android.com/sdk/installing/installing-adt.html

A continuación, veremos una pantalla de bienvenida, esta pantalla la podrás cerrar pulsando la tecla ESCAPE o pulsando sobre la X en la esquina superior Izquierda. Una vez cerrada, entramos la ventana de trabajo principal, en la siguiente lección, explico paso a paso que es cada cosa y para que sirve cada uno de los elementos de la barra de menús.

2. Añadiendo las plataformas de Android (APIs Android)

Para descargarte las distintas plataformas Android (son las APIs o versiones de Android) hay que usar lo que llamamos SDKManager en Eclipse.

Se abrirá una ventana, espera hasta que el listado se cargue por completo, en ese momento podrás ver las carpetas correspondientes a todas las versiones de cada versión de sistema operativo Android, en función de la versión para que quieras desarrollar aplicaciones, marca la casilla correspondiente y pulsa en la parte inferior “Install packages…” para comenzar con su descarga.

Ahora ya esta todo listo para comenzar a programar y desarrollar tus aplicaciones para Android. ¡No olvides pasarte por el FORO para dejarlas y que les echemos un vistazo! ve al menú del curso GRATIS desde cero y paso a paso para continuar con otra lección.

Ahh otra cosa útil que deberías saber (por si mueves la carpeta de instalación de Eclipse o renombras la carpeta por defecto donde se guarda el SDK) es saber como se cambia la ruta o como se comprueba que el SDK esta bien instalado, en la barra de menú busca: Windows > Preferences.

En la ventana que se abre a continuación, en la parte izquierda selecciona Android, y en la parte derecha comprueba que la carpeta android-sdks esta en la ruta que figura, si no... mal asunto!