TUTORIAL: Desarrollo de aplicaciones para bada (III)

Ahora que ya tenemos instalado el bada SDK, vamos a hacer nuestra primera aplicación. 

Básicamente seguiremos los pasos indicados en el libro Introduction to bada: A Developer's guide.

Como se suele hacer en los cursos de programación, nuestra primera aplicación será un "Hola mundo". En nuestro caso será una aplicación que mostrará el texto "¡ Hola bada !" y un botón que, al hacer clic en él, mostrará un texto por el visor de logs. Empecemos.

Ejecuta el badaIDE. Está basado en Eclipse IDE, por lo que si has trabajado con este entorno verás que se parecen mucho. El badaIDE incluye un editor visual de interfícies gráficas que facilita mucho el desarrollo de aplicaciones.

Ahora selecciona "File > New > bada Application Project". Pon un nombre a tu aplicación en "Project name:" (por ejemplo "HolaBada") y selecciona "Application > bada Form Based Application" en el panel "Project type" (haz clic en las imágenes para ampliarlas):

Haz clic en "Next" y acepta la ruta por defecto del bada SDK (es decir, dónde se encuentran las librerías y cabeceras más comunes, si tienes otro SDK puedes indicar la ruta aquí). Haz clic en "Next".

Finalmente, selecciona el modelo de teléfono para el que deseas desarrollar la aplicación. Para empezar, esto es todo lo que necesitamos, por lo que ya puedes hacer clic en "Finish".

Se generará automáticamente el esqueleto de la aplicación, lo que nos ahorrará mucho trabajo.

Si te fijas en el panel "Project Explorer", verás las carpetas que componen la estructura de la aplicación: código fuente (src), recursos (Res), cabeceras (inc), los iconos de la aplicación (Icons), etc. Para abrir cualquier elemento basta con hacer doble clic en él.

Los ficheros "application.xml" y "manifest.xml" contienen metadatos de la aplicación:

- "application.xml" es utilizado por las herramientas de empaquetado de la aplicación para crear un paquete instalable. Declara el nombre de la aplicación, la descripción, el creador y la versión.

- "manifest.xml": utilizado para comprobación de privilegios y por el proceso de certificación. Declara propiedades de la aplciación mediante claves e identificadores: tamaño de pantalla, tipo de CPU, sensores utilizados, etc.

Sólo con el código generado por defecto, ya podemos compilar y ejecutar el proyecto.

Para compilar y enlazar el proyecto, selecciona "Project > Build Project" de la barra de menús.

Cuando finalice el proceso, selecciona "Run > Run as > 1 bada Simulator Application" para ejecutar la aplicación en el simulador.

En unos momentos se iniciará el sistema operativo y finalmente la aplicación.

Simplemente muestra el texto "Hello bada!" y un botón "OK", que al ser presionado genera un evento que escribe un texto en la terminal.

Para cerrar la aplicación, haz clic en el botón "Stop" de la pestaña "Console".

Ahora vamos a modificar un poco la aplicación para que se muestre el texto "¡ Hola bada !" y se cierre la aplicación cuando se haga clic en el botón "OK" (nosotros le llamaremos "Aceptar").

Abre el "Resource Explorer" haciendo clic en la raíz del proyecto en el "Project Explorer":

Una vez hecho esto, verás lo siguiente en el panel inferior izquierdo ("Resource Explorer"):

Haz doble clic en "240x400 > Forms > IDF_FORM1" para abrir el editor gráfico. En el formulario que aparece en el editor, haz clic en el botón "OK":

Ahora selecciona la pestaña "Properties" del panel inferior para ver el editor de propiedades del elemento seleccionado. En el campo "Text" sustituye el valor "OK" por "Aceptar":

Haz intro y verás que el botón se ha actualizado y ahora pone "Aceptar":

De nuevo en el formulario, haz clic en el texto "Hello bada" para seleccionar toda la ventana:

En la pestaña "Properties", sustituye el valor de la propiedad "Properties > Title Text" (que será "Hello bada!") por "¡ Hola bada !".

Ahora vamos a especificar la acción que queremos que se ejecute cuando presionemos el botón "Aceptar":

1- Haz clic en el botón "Aceptar" del formulario

2- Haz clic, en la pestaña "Properties", en la fila "Event Handler > IActionEventListener"

3- Haz clic en el botón "Edit" que se encuentra a la derecha de la fila

(haz clic para ampliar)

Con esto, abriremos el editor de código justo en la función que se encarga de gestionar el evento que se genera cuando hacemos clic en el botón "Aceptar".

Aquí, sustituye el texto por defecto de la función AppLog() por "¡ Se ha hecho clic en el botón Aceptar ! \n", por ejemplo. Así, cada vez que se haga clic en ese botón se mostrará este texto por la pestaña "Output" (visor de logs). La función debe quedar así:

Ahora puedes volver a compilar y ejecutar la aplicación y ver los cambios realizados:

¡ Ya has hecho tu primer programa para bada !