♥Cuautle Castillo Daniela Nataly

♥De la Portilla Vega Arely Gpe.

♥Hernández Valladares Heidi Valeria

4° AM Programación

Desarrolla Aplicaciones Móviles

Partes Fundamentales de Eclipse

MCA/MES Margarita Romero Alvarado

CREANDO EL PROYECTO

Arrancamos eclipse con todo configurado correctamente y vamos a Archivo-

>nuevo->Proyecto Android:

Despues de esto se nos mostrará un dialogo para configurar el proyecto, debemos

introducir:

El nombre del proyecto. en este caso Hola Mundo Donde queremos crear el proyecto (normalmente dentro del workspace).

Versión Android a la que irá destinada la aplicación, en este caso Android 2.2 Nombre de la aplicación (El que se mostrará al usuario una vez instalada, Hola

Mundo).

El Nombre del paquete que se usa como espacio de nombres y estructura de organización del código, “app.tutorial.holaMundo”

Marcamos la opción Crear Actividad para que eclipse cree la clase que se lanzará al ejecutar la aplicación. Normalmente a esta clase se le llama MainActivity.

Versión Mínima del SDK es la versión mínima necesaria del SDK para ejecutar la aplicación, a menor número, la aplicación correrá en más terminales, pero

no podremos usar las últimas caracteristicas de Android. Una vez rellenado todo, le damos a finalizar.

Ya hemos creado nuestro primer proyecto Android, ahora

vamos a ver de qué se compone:

COMPONENTES DEL PROYECTO

Los proyectos de Android siguen una estructura fija de carpetas que debemos

respetar. Podemos ver esta estructura con la vista Package Explorer que

proporciona eclipse:

CARPETA SRC (DE FUENTES)

Esta carpeta contiene el código fuente organizado en paquetes. Aquí irán las

clases java de nuestra aplicación.

CARPETA GEN (ARCHIVOS GENERADOS)

Aquí van los archivos que genera el compilador en sus pasadas, como el archivo

de recursos R, esta carpeta normalmente no se debe tocar.

CARPETA ASSETS (DE RECURSOS VARIOS)

Almacena recursos que pueda necesitar nuestra aplicación, como ficheros de

música etc.

Podremos acceder a ellos fácilmente con la clase del sistema AssetManager

CLASE DE RECURSOS (RES)

Esta carpeta es una de la que más vamos a usar junto con src, contiene todos los

recursos necesarios para la aplicación. Todos los archivos de esta carpeta son

indexados por el compilador y se genera el fichero de recursos R, que nos permite

acceder a ellos de una forma rápida.

Está dividida en subcarpetas:

anim: Ficheros XML para la definición de Animaciones. color: Ficheros XML de definición de colores. drawable: Ficheros bitmap(.png, .9.png, .jpg, .gif) o XML con contenidos que se

dibujarán (fondos, botones etc). layout: Ficheros XML que definen la capa de interfaz de usuario. menu: Ficheros XML con la definición de los menús de la aplicación.

raw: Binarios que no se pueden colocar en las otras carpetas. values: Ficheros XML para la definición de estilos, cadenas de texto para

localización etc. xml: Ficheros XML que pueden ser accedidos en tiempo de ejecución.

Algunas carpetas pueden tener varias versiones para adaptarse a diferentes

tamaños de pantallas, idiomas etc.

EL ARCHIVO MANIFEST (ANDROIDMANIFEST.XML)

Todos los proyectos tienen un archivo como este, en él se detallan las

características principales (módulos, permisos, nombre, icono…).

Ahora que hemos explicado la estructura de un proyecto Android, veamos el

ejemplo Hola Mundo al detalle

PROFUNDIZANDO EN EL “HOLA MUNDO”

package app.tutorial.holaMundo;

import android.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

}

}

Al crear el proyecto dimos nombre a una Actividad (MainActivity), estas clases son

las encargadas de mostrar las interfaz gráfica al usuario, deben extender de la

clase Activity.

Al crear una activity Android llama a su método onCreate() que hace lo necesario

para mostrar la pantalla al usuario. Tal y como está la actividad al crear el

proyecto. Hace una llamada a setContentView(), que tiene como parámetro el

identificador de una vista ya creada.

Por lo tanto, R.layout.main referencia a un archivo xml situado en la carpeta

./res/layout (ficheros de definición de pantalla).

ARCHIVO ./RES/LAYOUT/MAIN.XML

< ?xml version="1.0" encoding="utf-8"?>

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<textview android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"

/>

</linearlayout>

En este archivo se define una pantalla en la que los elementos se agruparán de

forma lineal (LinearLayout) y con un componente de texto (TextView). Al

componente de texto le fijamos el texto a mostrar con la

referencia @string/hello (valor del item en ./res/values/strings.xml)

ARCHIVO ./RES/VALUES/STRINGS.XML

< ?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="hello">Hello World, MainActivity!</string>

<string name="app_name">Hola Mundo</string>

</resources>

Para que la aplicación funcione es necesario crear el AndroidManifest:

< ?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="app.tutorial.holaMundo"

android:versionCode="1"

android:versionName="1.0">

<uses -sdk android:minSdkVersion="8" />

<application android:icon="@drawable/icon" android:label="@string/app_name"

>

<activity android:name=".MainActivity"

android:label="@string/app_name">

<intent -filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent>

</activity>

</application>

</manifest>

En este archivo se definen el paquete por defecto, datos de versión, icono

(mediante una referencia). El nombre de la aplicación (otra referencia al fichero

strings.xml). Despues se define el comportamiento de la aplicación. Se añaden

dos filtros para que la actividad que definimos anteriormente sea usada como

principal (android.intent.action.MAIN) y para que sea incluida en el menú de

aplicaciones (android.intent.category.LAUNCHER)

Otra forma de hacerlo

Dentro de esta sección vemos los componentes de nuestro proyecto que explicaremos más adelante. Se puede configurar como se muestra el contenido de nuestros proyectos mediante Windows-Show View y seleccionando Proyecto

Explorer o Navigator tal y como mostramos en la imagen siguiente:

Yo prefiero la vista Navigator por lo que la emplearé a lo largo de los ejemplos. Podemos ver el resultado del cambio de vista en la view de la izquierda como

hemos comentado. Explicaremos posteriormente el contenido del proyecto y para que sirve cada archivo.

En la parte central Eclipse se encuentra el editor de archivos. Este editor nos

muestra en una pestaña distinta cada archivo que estamos modificando. Para la programación de Android existen fundamentalmente dos tipos de archivos:

archivos Java y archivos XML.

En la vista inferior vemos que hay varias pestañas con otros componentes de Eclipse abiertos. Dos de los componentes que se suelen emplear en esta vista son

la Consola y el LogCat, ambos empleados para programar en Android. La consola se encuentra habilitada por defecto pero tenemos que habilitar el LogCat. Para ello

Windows-Show View-Other-LogCat y veremos en la parte inferior lo siguiente:

Posteriormente, en siguientes capítulos os mostraremos como utilizar estas ventanas y como depurar nuestras aplicaciones mediante la consola y el LogCat. Ahora pasamos a las vistas que se muestran a la derecha, con el nombre Outline

y TaskList no las emplearemos por ahora. Podemos por lo tanto cerrarlas y emplear toda esta parte de la pantalla para el editor de ficheros.

Otro componente importante de Eclipse es la Toolbar. Esta se divide en dos filas, una con los comandos de configuración y modificación de Eclipse y otra fila que

nos proveerá de acciones como compilar o ejecutar nuestra aplicación.

Algunas de las cosas más importantes que usaremos de la toolbar son las

siguientes:

Archivo: Nos permite entre otras cosas abrir un nuevo proyecto como hicimos en el tema anterior; cerrar proyectos; es recomendable cerrar los

proyectos con los que no estemos trabajando; cambiar el espacio de trabajo de donde Eclipse carga nuestros proyectos; importar y exportar proyectos.

Editar: nos permite cortar, copiar y pegar código del editor, deshacer y rehacer acciones y varias tareas más. Habitualmente estas acciones son

realizadas empleando atajos de teclado tan extendidos como Ctrl+C (copiar), Ctrl+V (pegar), etc.

Search: lo utilizaremos para buscar expresiones de texto por nuestro

código. Lo habitual será emplear Search-Buscar y seleccionar Búsqueda de archivos.

Proyecto: sobre todo emplearemos la opción Propiedades. Desde esta opción se configuran múltiples opciones de nuestro proyecto pero la más

importante es poder cambiar la versión del sistema operativo que estamos empleando en nuestro desarrollo.

Ejecutar: empleado para compilar nuestra aplicación y cargarla en un

emulador o en un dispositivo físico. Estas opciones las usaremos frecuentemente por lo que hablaremos de estas opciones en posteriores

capítulos de este tema.

Ventana: desde aquí se cambia la apariencia de Eclipse e indicamos que view y componentes queremos mostrar. Se trata de una configuración predefinida de Eclipse con varias vistas que nos permite una mayor

facilidad a la hora de realizar tareas de depuración del código. Además también podemos personalizar nuestra perspectiva y posteriormente

guardarla desde Ventana-Guardar perspectiva. Así la tendremos disponible posteriormente de forma rápida.

Ayuda: lo más relevante de este menú es poder instalar nuevo software para Eclipse en forma de plug-in. Recordad que también lo hemos

empleado para instalar el plug-in ADT de Eclipse en el capítulo anterior.

Bibliografías:

http://www.josealopezpastor.com/2013/12/curso-android-capitulo2-programar-Android-Eclipse.html

http://androideity.com/2012/06/18/pestanas-en-android-usando-eclipse-

segunda-parte/

http://elbauldelprogramador.com/programacion-android-hola-mundo/

https://www.ibm.com/developerworks/ssa/opensource/tutorials/os-eclipse-android/