Você está na página 1de 13

Esta es la segunda entrega del curso de programacin en Android, este pretende ser un curso realmente sencillo para empezar

a desarrollar aplicaciones en Android, pero es


imprescindible tener nociones de programacin orientada a objetos. Durante la entrega de hoy crearemos nuestro primer proyecto del tipo Hola Mundo, veremos de qu partes est
compuesto y lo ejecutaremos en la mquina virtual que creamos en la primera entrega del curso de programacin en Android.

Crear una aplicacin para Android en eclipse


Esto es sencillo, abrimos Eclipse y nos vamos a File>New Project, se nos abrir una nueva ventana donde seleccionaremos el tipo de proyecto, en este caso una aplicacin para
Android.

Pulsamos next y le damos un nombre al programa, en nuestro caso ser PrimeraAplicacion, el resto de campos se rellenan automticamente aunque podemos modificarlos, donde
dice Build SDK elegimos la versin de Android sobre la que funcionar, en nuestro caso la 2.2, ya que es la tenemos instalada en nuestro emulador, pulsamos Next y nos dejar
personalizar el icono, demomento lo dejarmos como est. La siguiente ventana nos permite elegir un tipo de actividad. Las actividades podramos decir que son el equivalente a los
Forms o ventanas de .Net, elegiremos uno vaci (BankActivity).

La siguiente ventana nos permite seleccionar opciones relacionadas con la actividad, como su nombre, etc. Lo dejaremos todo con las opciones por defecto y pulsamos Finish.
Estructura de un programa para Android
Ahora vamos a ver de que partes se compone nuestro proyecto y para que valen cada una, para ello abriremos el Project Explorer.

En primer lugar vemos la carpeta res, en ella se guardan recursos de la aplicacin, nos centraremos en los mas importantes los que hay en la subcarpeta layout y en la subcarpeta
values.

En la carpeta layout veremos un archivo xml, este XML es bsicamente el diseo del formulario (en adelante activity). Cada vez que creemos un formulario deberemos crear un xml
aqu. Eclipse permite modificar el cdigo fuente de estos xml a mano o bien con un editor visual, para ello hacemos doble clic, se nos abrir una nueva ventana en la que podemos
elegir la forma de edicin: Graphical Layout para una edicin visual o activity_main.xml para editarlo a mano.

Dentro de la carpeta res encontraremos, adems, la subcarpeta values con un archivo llamado strings.xml, este almacenar cadenas de texto accesibles desde todo el programa,
podemos poner por ejemplo el nombre de los botones, dialogos, etc. Estas cadenas tambin podrian escribirse en tiempo de ejecucin pero se recomienda hacerlo mediante
ficheros xml para una edicin mas sencilla, soporte a idiomas, etc.

Ahora iremos a la carpeta src, esta contiene los ficheros .java, es decir los ficheros con el cdigo fuente del programa. Cada Activity tiene asociado uno de ellos, por tanto ya
tendremos uno creado, si lo abrimos veremos que existe una clase, dentro de ella las funciones onCreate que se ejecutar cuando se crea el Activity, similar al onLoad de .Net y otra
llamada onCreateMenu que se ejecuta cada vez que se pulsa el botn de men. En el prximo numero modificaremos el cdigo, de momento vamos a dejarlo como est.

Nuestro primer Hola Mundo en Android.


Es simple, para ello abriremos el archivo activity_main.xml, si lo abrimos veremos que contiene un elemento TextView, si habis programado para Windows Forms, este es
equivalente a los labels, para editar su texto hacemos clic con el botn derecho y seleccionamos edit text, si os fijis hace referencia a @string/hello_world en lugar de haber puesto
directamente el texto ah. Tenemos dos opciones o bien escribimos directamente el texto (no recomendado) o bien vamos al archivo values/strings.xml y editamos la variable
hello_word para poner HOLA MUNDO.

Una vez hecho ejecutaremos el proyecto desplegando la flecha verde que hay en la barra de tareas y pulsando Mi Aplicacion, esto ejecutar el emulador, instalar la aplicacin y
la ejecutar

En la prxima entrega veremos nuestras primeras lneas de cdigo, con las que accederemos y modificaremos un TextView en tiempo de ejecucin.

tienes que poner el nombre del proyecto o tu main ...p/e xxxxxx.xml xxxxx.me xxxxxx.pack

ccccccccccccccccc

Este post vamos a programar nuestra primera aplicacin para Android , el conocido Hola mundo.
Codigo Fuente
?

1 // Nombre del paquete


/** Varia dependiendo del nombre del proyecto */
2 package net.neosy;
3
4 // Importamos los paquetes necesarios
5 /** Nota: si quieres olvidarte de ir importando los paquetes, puedes presionar
6
7 Cntrl+Shift+O y automticamente importar los paquetes que falten */
import android.app.Activity;
8 import android.os.Bundle;
9 import android.widget.TextView;
10
11 // Creamos una actividad.
12 /** En este caso, vendra a ser como un "int main()" en C. Podemos crear tantas
13 actividades como queramos, pero solo se puede interactuar con una a la vez. */
public class holamundo extends Activity {
14
15 // Aqu iniciaremos la interfaz
16 /** onCreate es el un mtodo que Android llamar al iniciar esta actividad */
17 @Override
18 public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
19
20
// Creamos una nueva variable de tipo TextView para controlar el texto que aparecer
21 por pantalla
22 TextView tv = new TextView(this);
23
24 // Le indicamos que texto queremos que aparezca
25 tv.setText("Hola Mundo, desde jqueryeasy.com");
26
// Mostramos el texto de la variable por pantalla
27 setContentView(tv);
28 }
29 }
30
Gua Android: Descubrindolo con el Hello
World
PUBLICADO EN JUNIO 22, 200925 COMENTARIOS

Aprende ms sobre este tema con elcurso de Android.

Android, el sistema operativo mvil de Google, como sabis es de cdigo abierto y gratuito por lo que
cualquier persona o empresa pueda cogerlo, modificarlo y usarlo en sus productos. Esta apertura va a
provocar que haya ms de 20 mviles con Android a finales de ao.

Incluso recientemente hemos visto que Acer va a lanzar un netbook con una versin modificada de Android.
Por si faltan excusas para aprender tambin deciros que Ubuntu ha financiado un proyecto que permitir
ejecutar programas de Android en este famoso sistema operativo.

Requisitos

Android est hecho en Java+XML, siguiendo el patrn MVC (Model-View-Controller).

Bjate el SDK

El mejor IDE para programar para Android es Eclipse (multiplataforma), pero puedes usar el que
quieras, solo que tendrs menos facilidades. En los artculos usaremos Eclipse.
Bjate el plugin de Android para Eclipse (ADT).

En estas fciles instrucciones podrs completar los pasos previos.

Creando un nuevo proyecto

La mejor forma de conocer un sistema es probndolo asi que vamos a crear el proyecto y por el camino
vamos explicando cmo funciona Android.

Una vez instalado el plugin, creamos el nuevo proyecto de Android (File > New > Project > Android Project).
Damos a siguiente:
Project name: HolaMundo

Package name: com.example.holamundo

Create Activity: HolaMundo

Application name: Hola Mundo

Aunque he puesto los mismos nombres en los 4 sitios no tiene por qu coincidir, como sabris. El nombre de
la aplicacin es lo que veris en el mvil, las actividades son los controladores de Android, el nombre del
paquete es algo interno y el proyecto es lo que veris en Eclipse. Finalizamos y podremos ver el siguiente
rbol de archivos
Voy a explicar la estructura:

/src Aqu se encuentran las actividades (controladores recuerdo), clases y un archivo que se
llama R.java. Este archivo no se debe tocar nunca, Android lo actualiza automticamente pero si
lo veis os encontraris con variables y posiciones.

/Android Library Eclipse referencia al sdk de Android. No movis nunca el sdk de sitio o si lo
hacis recordad cambiar la direccin

/assets Aqu se puede incluir archivos varios (msica, pdfs, zips, rars)

/res/drawable Todas las imgenes van en este directorio

/res/layout Todas las vistas van aqu

/res/values En el archivo strings.xml podemos poner variables que luego sustituiremos en las
vistas

AndroidManifest.xml Este archivo es muy importante porque recoge todas las actividades y
algunas configuraciones del proyecto.
Antes de seguir vamos a ejecutar el proyecto, y para eso damos a Run As y elegimos Android Application. Si
instalasteis todo bien saldr el emulador, cargando iniciando Android (tarda un poquito). Lo desbloqueamos
dando a Men, y ya puedes ver la aplicacin ms bsica que se hace en todos los lenguajes, nuestro Hola
Mundo.

Si quieres puedes investigar los programas que trae el emulador, est bastante bien conseguido; aunque para
mi gusto faltan varios detalles como girar el telfono en posicin horizontal. A continuacin veremos cmo ha
funcionado el programa.

Entendiendo el Hola Mundo


Gracias al plugin de Android, no hemos programado nada y ya tenemos el programa bsico. Pero como
hemos visto antes en la estructura, se han creado unos cuantos archivos. Vamos a ir paso a paso por cada
uno de ellos.

// AndroidManifest.xml
01
<?xml version="1.0" encoding="utf-8"?>
02
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
03
package="com.example.holamundo"
04
android:versionCode="1"
05
android:versionName="1.0.0">
06
<application android:icon="@drawable/icon"
android:label="@string/app_name">
07
<activity android:name=".HolaMundo"
08
android:label="@string/app_name">
09
<intent-filter>
10
<action android:name="android.intent.action.MAIN"
11 />

12 <category
android:name="android.intent.category.LAUNCHER" />
13
</intent-filter>
14
</activity>
15
</application>
16
</manifest>

Supongo que estaris familiarizados con xml, si no, no os preocupis, es muy fcil de entender. Podemos ver
como crea un manifesto con el paquete y la versin de Android. Contiene la aplicacin que hemos
creado.android:icon="@drawable/icon" coge la imagen llamada icon.png del directorio /res/drawablesy la
asigna como icono. Esto es lo que vis en el men de aplicaciones. Lo mismo sucede
conandroid:label="@string/app_name", sustituye la variable app_name por su valor en el archivo:

1 // res/values/strings.xml
<?xml version="1.0" encoding="utf-8"?>
2
<resources>
3
<string name="hello">Hello World,
4 HolaMundo</string>

5 <string name="app_name">Hola
Mundo</string>
6
</resources>

Volviendo a AndroidManifest.xml, vemos que dentro de application se encuentra la actividad


principalandroid:name=".HolaMundo", que corresponde con un punto ms el nombre de la clase java
ensrc/com.example.holamundo. El resto son detalles ms profundos. Asi que Android ejecuta esa clase,
vamos a verla:

01 // src/com.example.holamundo/HolaMundo.java

02 package com.example.holamundo;

03
import android.app.Activity;
04
import android.os.Bundle;
05

06
public class HolaMundo extends Activity {
07
/** Called when the activity is first
08 created. */

09 @Override

10 public void onCreate(Bundle


savedInstanceState) {
11
// Inicializa la actividad
12
super.onCreate(savedInstanceState);
13
// Asignamos la vista
14
setContentView(R.layout.main);
15 }
16 }

Crea una actividad llamada HolaMundo con un nico mtodo que sobreescribe al de la clase que extiende.
Vemos como setContentView pasa como parmetroR.layout.main que representa a /res/layout/main.xml. Pero
como dije antes, todo las referencias a archivos y variables pasan por la clase R.java que Android se encarga
de ajustar automticamente. Veamos la vista

01 // res/layout/main.xml

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

03 <LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
04
android:orientation="vertical"
05
android:layout_width="fill_parent"
06
android:layout_height="fill_parent"
07 >
08 <TextView

09 android:layout_width="fill_parent"

10 android:layout_height="wrap_content"

11 android:text="@string/hello"

12 />

13 </LinearLayout>

Como podis ver vuelve a ser un xml y es que Google ha elegido usar xml para representar las vistas.
LinearLayout es un tipo de layout que muestra los elementos uno debajo de otro. Tiene orientacin vertical y
ocupa toda la pantalla tanto a lo alto como a lo ancho.

Dentro podemos ver un campo de texto (TextView) cuyo texto se encuentra en el archivo strings.xml visto
antes.

Finalizando

Hemos visto paso por paso lo que hace Android para ejecutar un sencillo Hola Mundo. Lo importante es:

AndroidManifest.xml contiene todas las actividades indicando cul se ejecuta primero.


Todas las actividades y clases se encuentran en src. La actividad HolaMundo usa el
layoutmain.xml

Todos los layouts estn en res/layout. Se programan en xml siguiendo las etiquetas del SDK de
Android.

En cualquier sitio podemos referenciar a variables del fichero strings.xml. Esto es muy til para
aplicaciones en varios idiomas.

En el siguiente captulo conectaremos otra aplicacin con la base de datos, y aprenderemos ms como se
manejan los modelos y diversas vistas. Si tenis cualquier sugerencia para mejorar y hacer ms tiles estos
tutoriales, no tenis ms que hacerla en los comentarios.

Ir al siguiente captulo: Avanzando con la base de datos

Aprender con Mejorando.la y Adrin Cataln

Te invitamos a ver el curso gratuito de Android y Phonegap que dio Adrin Cataln en un programa de
Mejorando.la.