4 Mi primer programa en Android

¿Qué es mi primer programa en Android?

Un programa para que un niño practique las sumas.

Tendremos en pantalla:

• 2 Labels que muestran números generados al azar
• 1 Label con el signo de suma
• 1 EditText donde en usuario escribirá el resultado
• 1 Button, para confirmar el resultado
• 1 Label con un comentario sobre el resultado

Inicio

Agregamos Labels a la pantalla

Agregamos un botón

• —Add view -> Button
• —Nombre: BtnAccion
• —Texto: “OK” (es importante poner este texto exactamente, en un momento veremos porqué).

Agregamos una Label más

• —Ahora agregamos la Label que corresponde el comentario.
• —Llamarla: LblComentario
• —Centrado horizontal
• —Text Color: black
• —Color: white
• —Alpha: 255 (opaco)
• —Radius: 10

Grabemos

• —File -> Save
• —Se nos pedirá un nombre, este es el nombre de nuestro “Layout”.
• —Llamémosle “Principal”
• —Un programa puede tener varios “Layout”, cada uno deberá tener un nombre distinto.

Generar miembros

• —Generaremos automáticamente referencias a los elementos de nuestro Layout, así como subrutinas.
• —Tools -> Generate members
• —Seleccionemos estos:

Código

• —El IDE nos proporciona un esqueleto del programa:
  • —Sub Process Globals: se declaran una vez al inicio de la aplicación.
  • —Sub Globals: se declaran cada vez que la actividad se reanuda.
  • —Activity_Create: Se ejecuta al iniciar la aplicación
  • —Activity_Resume: Se ejecuta al reanudar actividad
  • —Activity_Pause: Se ejecuta cuando se pausa la actividad

Cargamos el Layout

• —Dentro de Sub Activity_Create escribamos “Activity”
• —Ahora tecleemos un punto “.”
• —Aparecerá una lista de Miembros y Métodos de Activity, seleccionemos LoadLayout
• —Debemos indicar el nombre del Layout que escribimos. Esta línea queda:
• —Activity.LoadLayout(“Principal”)

Hagamos una subrutina

• —Esta subrutina generará dos números aleatorios y los mostrará en pantalla.
• —Usaremos variables globales: Numero1 y Numero2
• —En Sub Globals, agregamos:
• —Dim Numero1, Numero2 As Double

Subrutina “Nuevo”

—Sub Nuevo

—Numero1 = Rnd(1,10)

—Numero2 = Rnd(1,10)

—LblNumero1.Text = Numero1

—LblNumero2.Text = Numero2

—LblComentario.Text = "Escribe el resultado" & CRLF & "y haz clic en OK"

—EdtResultado.Text = ""

—End Sub

¿Cuándo ejecuto mi subrutina?

• —En Sub Activity_Create, después de haber cargado el Layout “Principal”:

—Sub Activity_Create(FirstTime As Boolean)
—Activity.LoadLayout(“Principal”)
—Nuevo
—End Sub

Código para el botón

—Sub BtnAccion_Click

—If BtnAccion.Text = "OK" Then

—If EdtResultado.Text = "" Then

—Msgbox("No escribiste un resultado", "ERROR")

—Else

—VerificaResultado

—End If

—Else

—Nuevo

—BtnAccion.Text = "OK"

—End If

—End Sub

Subrutina “VerificaResultado”

—Sub VerificaResultado

—If EdtResultado.Text = Numero1 + Numero2 Then

—LblComentario.Text = "¡BIEN!" & CRLF & "Clic en NUEVO"

—BtnAccion.Text = "NUEVO"

—Else

—LblComentario.Text = "Respuesta equivocada" & CRLF & "Intenta de nuevo y" & CRLF & "haz clic en OK"

—End If

—End Sub

¡A compilar!!!

• —Project -> Compile & Run
• —Nombre de paquete: Intersolution.MiPrimerPrograma
• —Nombre de etiqueta: Mi Primer Programa
• —El programa se compilará y ejecutará en el emulador

¡Listo!

¡JUEGA, EXPERIMENTA!!!

24. abril 2013 by carlospc
Categories: Android, Basic4Android, Programación, Prográmelo usted mismo | Leave a comment

3 Como conectar nuestro dispositivo con B4A Bridge

Antes de comenzar a programar, vamos a  asegurarnos de que podemos conectar nuestro dispositivo al IDE de Basic4Android. De este modo podremos correr y depurar nuestras apps en el dispositivo real.

Para esto instalaremos el programa B4A Bridge, que brinda servicio de conexión entre Basic4Android y el dispositivo, así como facilidades para la programación y depuración. Puedes instalarlo desde Google Play: https://play.google.com/store/apps/details?id=anywheresoftware.b4a.b4abridge&hl=es.

Nota: B4A Bridge está escrito en Basic4Android, y si eres usuario de paga, puedes conseguir el código fuente.

Una vez instalado B4a Bridge, debemos probar que funciona bien:

1. Inicia en tu Android el B4A Bridge. Aparecerá una pantalla como esta:
   
2. En la parte superior verás la IP local de tu dispositivo. Anota este dato y oprime el botón Start – Wireless.
3. Inicia Basic4Android. Inmediatamente haz File -> Save. Pon un nombre cualquiera a tu archivo, en este punto no tiene importancia.
4. Haz clic en el menú “Designer”. Se abrirá una ventana como esta:
   
5. Esta ventana se llama “Designer”. Ahora haz clic en Tools -> Connect to device/emulator. Espera unos segundos.
6. Ahora la pantalla en tu dispositivo se verá negra, con una barra en la parte superior que dice: Activity.
7. En la ventana “Designer”, haz clic en Add view -> Button.
8. Ahora verás que en el dispositivo aparece un cuadro, el cual es un botón nuevo. Puedes moverlo con tu dedo.
9. Si llegaste hasta aquí, entonces tienes una conexión funcional entre Basic4Android y tu dispositivo. ¡Felicidades!!!

Si tuviste algún problema con la conexión, puedes escribir en los comentarios de este artículo, y te ayudaré en lo que pueda.

Ahora cierra las ventanas de Basic4Android. No es necesario grabar nada, ya que solo probamos la conexión.

En el próximo artículo comenzaremos ya a realizar nuestro primer programa.

¡Hasta entonces!

08. abril 2013 by carlospc
Categories: Android, Basic4Android, Programación, Prográmelo usted mismo | Leave a comment

1 Introducción

Esta serie de posts sirve como introducción a la programación para Android, utilizando la herramienta Basic4Android.

Esta serie está dedicada a programadores, que tengan alguna noción del web, de bases de datos, de programación en general y que ya hayan hecho aplicaciones para cualquier otra plataforma: Windows, Linux, Mac, etc.

Basic4Android es una herramienta fácil de aprender y utilizar. Ofrece la ventaja de que en poco tiempo se pueden hacer aplicaciones de todo tipo, widgets, protectores de pantalla, etc. Además de que cuenta con poderosas bibliotecas de funciones, que ofrecen acceso a la cámara, sensores, uso de servicios web, medios de pago, y un largo etcétera.

Plan general

Para dar interés a estos posts, presentaré como hacer estas aplicaciones:

1. Una sumadora, con la que aprenderemos los conceptos básicos.
2. Una aplicación que utilice algún servicio web.
3. Una aplicación que consulte un servidor de base de datos.
4. Un widget que tenga acceso a un servidor de base de datos, para monitorear información.

Al desarrollar estos ejemplos, aprenderemos al mismo tiempo los conceptos básicos de la programación Android.

Requisitos

Para esta labor necesitamos:

• Tiempo.
• Una PC con Windows XP, Vista, 7 u 8.
• Un dispositivo Android (tableta o teléfono). Si no tienes uno se puede usar un emulador.
• Un medio de conexión entre nuestro Android y la PC; puede ser WiFi o un cable.

¿Estás listo? Continuamos en el próximo post.

01. abril 2013 by carlospc
Categories: Android, Basic4Android, Programación, Prográmelo usted mismo | Leave a comment