www.ANDROID-SPA.

com

Android

Creacin de una aplicacin sencilla: Forwarding

- Pgina 1 -

www.ANDROID-SPA.com
Realizacin de la aplicacin Forwarding en Android
Este es un pequeo tutorial con el que se realizar un pequeo programa para Android para poderse iniciar en la programacin del sistema. Se va a realizar sobretodo mediante XML, aunque no es necesario tener conocimientos previos, ayudar a la comprensin del tutorial haber trabajado antes con l. 1. Creamos un nuevo proyecto Para crear un nuevo proyecto, en la ventanita de proyectos del Eclipse mediante el botn derecho le damos a New -> Project, en la ventana que nos aparece seleccionamos proyecto de tipo Android -> Android Project En la siguiente ventana pondremos nombre al proyecto, seleccionaremos la carpeta donde queramos guardarlo si no est dentro del espacio de trabajo y aadiremos el nombre del paquete, el nombre de la actividad y el nombre de la aplicacin, aunque estos valores luego podremos cambiarlos ms adelante. Valores que se han asignado para seguir el tutorial: Project name: ProgramaDePrueba Package name: android.prueba Activity name: Prueba Application name: Programa de prueba 2. Observamos los archivos creados por el plug-in En src: En res: drawable: icon.png icono (imagen) layout: main.xml informacin XML para creacin de pantallas values: atrings.xml informacin XML con variables Prueba.java: Clase que contendr el main a ejecutar R.java: Clase que contiene direcciones (unifica las clases con el XML)

- Pgina 2 -

www.ANDROID-SPA.com

3. Funcionamiento simple de android La clase importante con la que vamos a trabajar inicialmente es Prueba.java, esa clase tiene un mtodo void que ser el que se ejecute cuando se inicie la aplicacin, en l est generado el cdigo necesario para ejecutar el diseo XML de los archivos antes indicados. Necesitamos la sentencia super.onCreate(iclicle) para crear una Screen nueva en la pantalla de android, esa sentencia no la cambiaremos. Tambin se genera la sentencia setContentView(R.Layout.main) que aade a la Activity que tenemos creada en esta clase toda la informacin aportada por el archivo XML indicado. En vez de R.Layout,main podemos aadir a mano otros elementos que queramos introducir, sin embargo es ms organizado y ms simple trabajar con XML. En resumen, esta clase no es necesario cambiar nada por ahora, ya que todo lo ue necesitamos est hecho por defecto en la creacin del proyecto. 4. Creacin de un texto y un botn Ya tenemos una ventana creada en la que podemos introducir cosas, sin embargo necesitamos indicar el Layout que va a utilizar esta view, para ello utilizamos XML. 4.1. El archivo XML que contendr el Layout y los elementos ser main.xml, pero como siempre es importante trabajar con nombres informativos, por eso cambiaremos el nombre del archivo main.xml por prueba.xml, mediante botn derecho Refactor -> Rename - Pgina 3 -

www.ANDROID-SPA.com
4.2. Ahora se producir un error en la clase Prueba.java ya que tenamos asignado el archivo main.xml, as que cambiamos R.Layout.main por R.Layout.prueba 4.3. Entramos en el archivo prueba.xml y encontramos un LinearLayout y un TextView ya definidos, es decir, que por defecto tenemos ya creado un Layout de tipo linear y adems como podemos ver con orientacin vertical y una vista de texto que contiene el texto Hello World, Prueba. Todo esto lo podemos ver mediante Desing o Source. Por ahora es ms sencillo trabajar mediante Source sobretodo si ests acostumbrado a XML, y para ver si el rbol creado (sobretodo en proyectos ms complejos) ser ms recordable mirar el Design. Aunque las dos opciones son compatibles para trabajar. 4.4. Ahora mismo como podemos ver tenemos un programa que incluye el texto Heelo World, Prueba, as que cambiaremos ese texto por Hola mundo y lo ejecutaremos, de esta manera comprobaremos que ese texto es el que sale por pantalla. 4.5. Una vez que ya hemos visto que el texto ha sido aadido, despus de </TextView> aadiremos un botn, que es de tipo <Button>, para aadirlo es necesario introducir los parmetros del Layout que son obligatorios y del mismo botn si los requiriera. Aadimos el siguiente cdigo (entre </TextView> y </LinearLayout>):
<Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Pulsar" />

Con esto lo que hacemos es definir una clase Button, dentro del Layout definido que ya anteriormente en Prueba.java lo hemos asignado a la Activity principal. Adems hay que asignarle los dos parmetrosque requiere el Layout, layout_width y layout_height que nos indica donde va a ir colocado el botn y el texto que va a llevar el botn, aunque este ltimo en principio no es obligatorio. Ahora ya sabemos como aadir elementos a la pantalla, as que ahora debes probar a aadir otras clases y mostrarlas en la pantalla, un CheckBox, etc 4.6. Muchas veces en vez de asignar el texto directamente queremos que lo coja de una variable porque puede que con alguna funcin de la aplicacin cambie. Por eso ahora vamos a pasar a crear una variable String y a que el texto Hola Mundo cambie por el que hayamos asignado a esa variable. Para ello vamos al archivo strings.xml y vemos en XML que tenemos <resources> que es donde van a ir todas las variables que vayamos a asignar en este proyecto. Vemos que ya hay una variable String creada que es la que da el ttulo a la aplicacin y que nos sale cuando ejecutamos en el simulador.

- Pgina 4 -

www.ANDROID-SPA.com
Para crear otra variable creamos un <string>, le asignamos un nombre y aadimos el valor: <string name=textoArriba>Este es el texto de arriba que antes deca: Hola mundo> </string> Ya tenemos la variable creada, as que ahora vamos a asignarla al TextView que tenemos, para ello volvemos a prueba.xml y dentro del TextView modificamos el parmetro text y en vez de asignarle un texto directamente le asignamos el String que acabamos de crear, para ello ponemos: @string/textoArriba Con esto indicamos que tiene que coger el valor del string cuyo identificador (name) es textoArriba. Si ejecutamos comprobamos que ya sale el nuevo texto, y de la misma manera podemos aadir el texto al botn, o cambia el string del ttulo de la aplicacin.

5. Aadir funcionalidad al botn Ahora ya que tenemos la primera parte realizada y tenemos un texto y un botn de prueba vamos a aadirle un Listener al botn para que realice alguna accin. En este caso lo que queremos que haga es que pase a otro View que crearemos al igual que este. 5.1. Creamos una nueva clase que se llame Prueba2.java y que sea igual a la clase Prueba.java, para eso creamos la nueva clase y copiamos y pegamos de Prueba aPrueba2, cambiando el nombre de la clase. - Pgina 5 -

www.ANDROID-SPA.com
5.2. Ahora estamos utilizando la misma visualizacin que la Prueba porque est redirigido al XML prueba.xml, as que creamos un nuevo XML que se llame prueba2.xml, y le aadimos el cdigo que inicialmente nos da el plug-in de android:
<?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/textoPrueba2" /> </LinearLayout>

Adems de eso como se puede ver hemos asignado un string al TextView que tenemos, as que en el archivo string.xml es necesario crear una nueva variable que sellame textoPrueba2 y meterle el texto que queramos, un ejemplo: <string name=textoPrueba2>Esta es otra ventana</string> 5.3. Ahora redirigimos en Prueba2.java a prueba2.xml para que no sea similar a la primera ventana. 5.4. Ya tenemos terminada la segunda clase, ahora falta indicar al botn que cuando se pulse queremos ir a la otra ventana. Para ello hay que meter cdigo en el archivo Prueba.java 5.4.1. Aadimos un botn en el main y le asignamos el botn que ya tenemos hecho en XML mediante id. Para que reconozca la identificacin tenemos que habrsela asignado previamente al botn, que podeos hacerlo en prueba.xml y despus de Button aadimos la identificacin: id=@+id/botonPrueba 5.4.2. Para crear el botn y asignarle el del XML usamos el siguiente cdigo, que se aade despus del setContentView: Button botonArriba = (Button)findViewById(R.id.botonarriba) 5.4.3. Ahora tenemos que asignarle una funcin de escucha, para que se ejecute cuando el botn sea pulsado. Para ello le asignamos al botn la funcin pulsarBoton por ejemplo, y despus la crearemos. botonArriba.setOnClickListener(pulsarBoton);

- Pgina 6 -

www.ANDROID-SPA.com
5.4.4. Creamos la funcin pulsarBoton que ser de tipo OnClickListener, y dentro de ella incuimos el void onClick(), para que se ejecute lo de dentro de esa funcin cada vez que se pulse el botn. As que despus del void principal onCreate pero dentro de la clase Prueba aadimos: private OnClickListener pulsarBoton = new OnClickListener() { public void onClick(View v) { //cdigo a ejecutar cada vez que se pulsa el botn } }; 5.4.5. Pasamos a crear el cdigo para que cambie de ventana. Para pasar a otra activity en android necesitamos crear un Intend, que ser en el que carguemos la clase Prueba2.java, y ya despus asignarle a la actividad el Intend que hemos creado y terminar, para que salga por pantalla la nueva asignacin del intend. Intent intent = new Intent(); intent.setClass(Prueba.this, Prueba2.class); startActivity(intent); finish(); 5.4.6. Es necesario aadir algunos import que mediante control+shift+O se cargan automticamente, deberan ser estos: import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; 5.5. Ahora hay que aadir la actividad que hemos creado en el archivo general de XML llamado AndroidManifest.xml, en el que se estructurar de la misma manera, y lo que tenemos que hacer es aadir otra actividad, es decir, la Prueba2. Para ello copiaremos y pegaremos la actividad de Prueba y le cambiaremos el nombre, teniendo as definidas las dos. Si no se hace esto dar error al pasar de una aplicacin a otra ya que no encontrar Prueba2, aunque Prueba se ejecute normalmente.
<activity class=".Prueba2" android:label="@string/app_name"> <intent-filter> <action android:value="android.intent.action.MAIN" /> </intent-filter> </activity>

- Pgina 7 -

www.ANDROID-SPA.com
Ejecutando ya debera mostrar la primera claveque habamos creado anteriormente y la siguiente tras pulsar el botn.

Cualquier error o problema que veis podis preguntar o indicar en el foro de http://www.Android-Spa.com

www.Android-Spa.com Powered by Android-Spa Team JaVaK, Lancelot, Avalon

- Pgina 8 -