Layout

Layout es un término de la lengua inglesa que no forma parte del diccionario de la Real Academia Española (RAE). El concepto puede traducirse como “disposición” o “plan” y tiene un uso extendido en el ámbito de la tecnología.

La noción de layout suele utilizarse para nombrar al esquema de distribución de los elementos dentro un diseño. Es habitual que un diseñador que se dedica a la creación de páginas web desarrolle un layout y se lo presente a su cliente para que éste lo apruebe y decida sobre la distribución de los contenidos.

El layout, en este sentido, puede ser una especie de plantilla que presenta tablas o espacios en blanco. La idea es que, a partir del layout, la página web comience a desarrollarse con sus contenidos específicos. El layout puede estar compuesto, por ejemplo, por un rectángulo a modo de cabezal y por tres columnas. Dicho esquema es genérico y puede usarse para desarrollar múltiples sitios web.

Estructura de carpetas de un proyecto android

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.

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.

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.

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

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

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.

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

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.

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.

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:

Pasos para configurar pc para desarrollar am en android

1. Descargar e instalar JDK

Entramos a la página dando clic en este link: https://www.oracle.com/index.html

Nos vamos a la sección de "Downloads" (descargas).

Nos vamos a la pestaña de descargas más populares y damos clic en "Java". Después se va a descargar la versión Standar Edition "Java SE".

Damos clic en la plataforma de Java versión 7u17.

Tenemos la lista de las diferentes versiones, las cuales podemos descargar para nuestra computadora dependiendo la plataforma.

Aceptamos las condiciones de uso. Después se da clic al link, y se espera hasta que se descargue. Una vez descargado, lo abrimos y se procede a la instalación.

Cuando lo abrimos aparece una ventana y daremos clic en "Next", "Next", "Next", y "Close".(Ya queda instalado JDK en nuestra computadora).

2. Descargar e instalar SDK

Se accede a la siguiente página: https://www.android.com/

Se da clic en "Developers". 

Después se da clic en "Get the SDK" y luego en "USE AN EXISTING IDE". 

Después se da clic en el botón: " Download the SDK Tools for Windows", luego aceptamos donde dice "I have read and agree with the above terms and conditions", y luego en "Download the SDK Tools for Windows".

Cuando ya se haya terminado de descargar, abrimos el archivo y le damos clic en: "Next", "Next", "Next", "Next", después copiamos la ruta para guardarla, porque es indispensable, la guardamos en un archivo de texto, y esto se hace porque mas adelante se ocupará.

Después se da clic en "Next", "Install", "Next" y "Finish".

3. Configurando SDK

Automáticamente después de instalarse se ejecuta el administrador del SDK.

Se da clic en Android 4.2.2(API 17), después se da clic en el recuadro "Android 2.2(API 8) y en el triángulo que está a lado. Después de esto se da clic en el triángulo "Extras". 

Se da clic en "Install 5 packages".

Clic en "Samples for SDK API 8, revision 1", y luego se acepta la licencia. 

Por último se da clic en "Install".

4. Descargar Eclipse

Da clic en este link: http://www.eclipse.org/, y luego en "Download".

Descargar la primera que nos aparece que es "Eclipse IDE for Java EE Developers". Deben asegurarse de que en la pestaña diga la versión que utilizamos. Y después descargamos la versión de 32 bit "Windows 32 bit".

Damos clic sobre el link "[Brazil] Edugraf-INE-CTC-UFSC (http)".

Aparece la pestaña "Información del fichero de descarga", y se da clic en "Iniciar descarga".

Una vez que ya se tiene descomprimido, la abrimos y buscamos el icono de eclipse, le damos clic.

Seleccionamos el workspace, y luego clic en "OK".

5. Instalar Plugin

Ir a "Help", y luego dar clic en "Install New Software..."

Se abre un cuadro de diálogo, clic en "Add".

Escribimos un nombre intuitivo.

En localization o dirección y se pone: https://dl-ssl.google.com/android/eclipse/ y se da clic en "OK". 

Va a comenzar a buscar en los repositorios de Google.

Clic en la palabra "Pending".

Se da clic en el cuadrito de "Developers Tools", luego en "Next".

Cuando ya se haya terminado de buscar los repositorios, damos clic en "Next", y se aceptan los términos de la licencia y damos clic en "Finish".

Se abre un cuadro de diálogo en el cual nos muestra el progreso de la instalación del plugin (esperar...), durante el proceso de instalación también nos manda unas advertencias porque estamos instalando un nuevo software, darle clic en "OK", para que proceda con una instalación, al mismo tiempo Windows nos manda una alerta de seguridad que permita el acceso a las redes, dar clic en "Allow access".

Luego aparece otro cuadro de diálogo que dice que ya se hizo la autorización, pero que necesita reiniciar Eclipse, clic en "Yes".

Y aparece un error, dice que no puede encontrar este directorio, así que falta otra paso para configurar el Plugin en Eclipse, por lo tanto pasamos al paso número 6.

6. Configurar las preferencias de Eclipse

Clic en "Open Preferences".

Aparece un cuadro de diálogo y está pidiendo la ruta que se guardó cuando se instaló el SDK.

Esa ruta debe ponerse donde dice SDK Location, y damos clic en "OK".

7. Configurar la máquina virtual

Clic en el icono "Android Virtual Device Manager", luego en "New".

Aparece un cuadro de diálogo y en AVD Name se escribe el nombre para identificar el Plugin, por ejemplo "Android2.2".

Después se da clic en Device para escoger el dispositivo que se va a utilizar, se selecciona "2.7" QUGA (240x320:ldpi)

En Target seleccionamos "Android 2.2- Apl Level 8", dejamos las siguientes dos palomitas así como están.

En Internal Storage, poner "650"

En Emulation Options, palomear a Snapshot, luego clic en "Ok".

En el cuadro de diálogo clic en "Android2.2" y luego en "Start...".

Proceso de instalación del programa eclipse

1.- Instala la plataforma Java:

• Si no tienes Java Runtime Environment (JRE) instalado, Eclipse no se podra abrir

2.- Descarga la plataforma de Eclipse:

• Para la mayoría de los desarrolladores de Android, el paquete de Eclipse Standard contiene todo lo que necesitas.

3.- Extrae el archivo de Eclipse:

• Muchos usuarios reportan problemas usando el programa de Windows para descomprimir archivos. Al extraer el archivo, usa un programa alterno como 7-Zip o Winzip.

4.- Crea un acceso directo a Eclipse:

• Haz clic derecho en “eclipse.exe” y selecciona “Enviar a”. Haz clic en “Escritorio (crear acceso directo)”. Esto creará un nuevo acceso directo en tu escritorio del archivo “eclipse.exe”.

5.- Especifica la JVM:

• Para especificar la instalación del JDK, agrega la siguiente línea a tu acceso directo de Eclipse. Reemplaza la dirección con la ubicación de tu archivo javaw.exe:
  -vm C:\path\to\javaw.exe^[2]