Android Hello Android (Windows)

by

= Creación del AVD =

Es necesario crear un AVD (Android Virtual Device) para poder simular lo que se programe. Esto quiere decir que no es necesario tener a la mano un dispositivo Android para verificar que la programación se esté haciendo correctamente. Más adelante se explicará la manera de desplegar la aplicación en el dispositivo en caso de que se tenga uno disponible. Para crear un AVD siga los siguientes pasos: Ingrese a Windows – AVD Manager



Ahora haga clic en New… Complete los datos de la venta que aparece como se muestra en la siguiente imagen y finalmente haga clic en Create AVD. El campo Name indica el nombre que desea darle al dispositivo virtual con el cual va a trabajar. Target indica la versión de Android que utilizará (recuerde que esto depende en gran manera del dispositivo en el cual se desplegará finalmente la aplicación). Finalmente, en skin puede dejar la opción por defecto Default (WVGA800).



En este punto ya tiene listo su simulador en el cual podrá verificar que su aplicación funciona correctamente. El siguiente paso es hacer un nuevo proyecto. Creación de un nuevo proyecto Para crear un nuevo proyecto haga clic en File > New > Other…



Ahora seleccione Android Project y haga clic en Next



Asigne un nombre al proyecto y de clic en Next. En este caso lo nombraré HelloAndroid. Se recomienda que asigne un nombre diferente para que pueda ver más adelante que implicación tiene el nombre del proyecto en la aplicación final. Como puede observar, el proyecto se crea en la carpeta C:/Temp. Si no entiende por qué ocurre esto se recomienda que lea de nuevo la sección Instalación de Eclipse del tutorial Android (Windows).



A continuación seleccione la plataforma en la que va a trabajar, en este caso Android 2.3.3. Luego haga clic en Next.



Finalmente asigne un nombre al paquete donde se encontrará el código fuente y otros recursos de su aplicación. Según se sugiere en LINK ANDROID, el nombre comienza con la palabra com seguida de un punto, y a continuación de un nombre arbitrario. En este ejemplo decidí llamarlo com.ejemplo.source. Si está confundido con esto no se preocupe pues esto no tiene ninguna implicación, por ejemplo, el paquete se hubiese podido llamar no.entiendo.esto. Finalmente de clic en Finalizar.



Finalmente la vista Package Explorer se debe ver como lo muestra la siguiente imagen, una vez despliega las carpetas HelloAndroid > src > com.ejemplo.source.



Si no logra ver esto lo más probable es que no tenga activada la vista Package Explorer. Para solucionar esto haga lo siguiente. Haga clic en Window > Show View > Package Explorer.



= Desarrollo de la aplicación =

Antes de empezar a explicar el código es importante que comprenda que no es necesario ser un experto en Java para entender este código. Se intentará explicar lo importante y lo esencial para hacer la aplicación, pues no vale la pena explicar toda una teoría de clases, objetos, interfaces, herencias, métodos estáticos, etc. Navegue hasta HelloAndroid > src > com.ejemplo.source y abra el archivo HelloAndroidActivity.java (Si usted llamó su proyecto diferente de “HelloAndroid” entonces el archivo debe tener ese nombre seguido de Activity.java, e.g. MiProyectoActivity.java). De ahora en adelante me referiré a este archivo como la clase principal. Al abrir el archivo el código que debe ver es el siguiente:



La clase principal extiende de la clase Activity. Esto simplemente quiere decir que la clase principal es una actividad, que lo que hace es realizar acciones (escuchar botones, interactuar con el usuario, hacer la conexión a Bluetooth, etc). El método (o función) public void onCreate(…) se encarga de hacer toda la inicialización de la aplicación. Es dentro de este método que se inicializará todo lo que se trabajará, por ejemplo, la interfaz de usuario (botones, campos de texto, imágenes, etc), la conexión por bluetooth, las variables del programa, etc. La línea más importante hasta ahora es la que se encuentra dentro el método onCreate(…), esta es, setContenView(R.layout.main); Esta línea de código se encarga de construir toda la interfaz de usuario desde un archivo .xml. En breve explicaré que significa esto tan complicado. Existen dos maneras de construir la interfaz gráfica: vía código java y por medio de un archivo .xml. Aquí explicaré el método por el archivo .xml que al principio parece ser más complicado pero a la final termina siendo más cómodo. Navegue hasta la carpeta HelloAndroid > res > layout y abra el archivo main.xml.



Como se puede dar cuenta, en esta vista hay una serie de componentes en la parte izquierda que se pueden agregar a la interfaz simplemente arrastrando uno de estos. Ahora, agregue un textview contenido en la carpeta Form Widgets simplemente arrastrando el componente a la zona oscura del teléfono.



Su pantalla debe ahora verse de la siguiente manera



Ahora cambie la vista para que vea el código .xml de la interfaz gráfica que está viendo. Para esto haga clic en la pestaña de abajo llamada “main.xml” ubicada a la derecha de “Graphical Layout”. Deberá ver lo siguiente.



Manejar un archivo .xml es muy sencillo y a continuación voy a explicarlo. Un archivo .xml se compone de Tags los cuales indican el inicio o final de un elemento. Por ejemplo, para situar un TextView (considero que ya sabe que es un TextView) se abre el Tag , se escribe la información del texto y luego se cierra escribiendo el Tag . También se puede hacer esto mismo si se escribe . La imagen mostrada arriba muestra que esta última técnica se utiliza para situar los TextView, pero la primera (tag de inicio y de terminación) se usa para hacer un LinearLayout. Ahora como puede notar, las propiedades básicas de un TextView son android:id, android:layout_width, android:layout_height y android:text. Como ya se habrá podido dar cuenta esta última propiedad es la que define el texto que mostrará el TextView, así que ahora mismo puede cambiarlo a lo que desee (e.g. android:text = “Esto es fácil!”), grabar y cambiar a la vista Graphical Layout para ver el cambio. La primera propiedad define el id o el nombre con el cual se ubicará este componente en el código, es decir, si en medio de la ejecución de la aplicación desea cambiar este texto, debe tener una referencia dada por el id. Si no entendió esto, más adelante se explicará mejor. Las otras dos propiedades no es necesaria cambiarlas pues definen la posición respectiva al Layout que lo compone (se recomienda dejar como está). Ahora, como ya habrá deducido, hay otro TextView arriba del que hemos puesto nosotros con un texto dado por “@string/hello”, pero el texto que realmente se muestra es “Hello World, HelloAndroidActivity!”. En este momento lo invito a que encuentre la razón de esta particularidad, únicamente con darle un vistazo a todas las carpetas del proyecto y encontrar el archivo indicado para que pueda responder a esa inquietud. Únicamente falta explicar que es LinearLayout. Un Layout es una forma (o contenedor de elementos) de organizar los componentes en una interfaz. Particularmente, un LinearLayout organiza los componentes de manera vertical, es decir, uno debajo del otro. Es por esto que el orden es: abrir el LinearLayout con , luego añadir uno por uno los elementos (2 TextViews) y finalmente cerrar el LinearLayout con . Si lo desea intentar, puede agregar varios elementos afuera y adentro del LinearLayout para que entienda como se comporta este. Una vez cambiado el texto, en este caso “Mi primera aplicación en Android!!”, su archivo .xml debe verse de la siguiente manera:



Si recuerda el método onCreate(…) en la clase principal, tiene escrita esta línea de código: setContenView(R.layout.main);, la cual indica que la interfaz principal será cargada con todo lo que esté en el archivo main.xml.

= Ejecución de la aplicación =

Una vez terminado el código, todo está listo para ejecutar por primera vez su aplicación. Para hacer esto siga los siguientes pasos: Haga clic derecho sobre la carpeta principal del proyecto y luego navegue hasta Run As > Android Application.



En este momento es necesario que tenga MUCHA paciencia pues la primera vez que ejecuta la aplicación puede tardar varios minutos. Debe aparecer en su pantalla la siguiente imagen:



Luego debe ver la siguiente imagen:



Y finalmente debe aparecer lo siguiente:



Deslice el seguro hacia la izquierda, y encuentre su aplicación. Dado que mi proyecto se llama HelloAndroid, entonces con este mismo nombre lo encuentro en el AVD.

Finalmente al abrir su aplicación debe verse lo siguiente:



= Aplicación Conexión Bluetooth =

Con el fin de hacer un desarrollo un poco mas complejo, se desarrolló una aplicación para Android que se conecta por medio de Bluetooth con un microcontrolador ATXMEGA32A4. Para ver el procedimiento de elaboración de este proyecto haga clic aquí.