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

slide0025_image020

Inicio

  • —Ejecuta el IDE
  • —Graba el proyecto, en su propio folder, aprovecha para ponerle nombre.
  • —Abre el diseñador
  • —Conecta el diseñador al dispositivo: Tools -> Connect
Aquí te muestro como se ve el diseñador:
slide0027_image022

Agregamos Labels a la pantalla

  • —Agregamos la primer Label para número: —Add view -> Label
  • —Se ve en el emulador, y se ven sus parámetros en el diseñador
  • —Cambia su nombre a: lblNumero1
  • —Cambia su ancho a: 50
  • —Cambia su tamaño de letra (Text style -> Size) a 30
  • —Cambia su posición con los parámetros Left y Top, ¡O muévela con el mouse en el dispositivo!!
  • —Repite lo anterior para agregar la segunda Label de número y llámala: lblNumero2
  • —Agrega una Label más para el signo de suma
  • —Acomódalas
  • —Juega con los parámetros

Agregamos un EditText

  • —Add view -> EditText
  • —Nombre: EdtResultado
  • —Centrado: Text Style -> Horizontal alignment
  • —Tamaño de letra: 30
  • —Captura aceptada (Input type): numbers
  • —Texto de ayuda (Hint text): “Escribe el resultado”

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:
slide0034_image024

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!

slide0043_image026

¡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:
    7627255-1354690985446
  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:
    designer
  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

2 Basic4Android

El software cuesta

Es justo aclarar que, Basic4Android es una herramienta comercial, que se debe pagar. Naturalmente que podríamos preferir una herramienta gratuita, pero la calidad de este software, así como el soporte y facilidades que dan al adquirir una licencia, justifican por mucho el costo. El software cuesta y merece ser pagado.

Por si las dudas, en el sitio de esta herramienta hay una versión de prueba de 30 días, tiempo suficiente para aprender a usarla y evaluarla con hechos.

Basic4android-Logo

Como instalar Basic4Android

Las instrucciones oficiales para instalar y configurar Basic4Android están en el sitio web, pero aquí las explicaré para dar alternativa a quien prefiera leerlas en español.

1. Descargas

Antes que nada descarga:

* Si compraste la licencia de Basic4Android, entonces te darán acceso a un instalador diferente.

2. Instala Java SDK

Solo ejecuta el instalador, acepta las opciones por defecto y déjalo terminar. Al terminar se te pedirá que te registres con Oracle, esto no es necesario.

3. Instala Android SDK

Ejecuta el instalador que descargaste y comienza la instalación.

Pon atención a la carpeta donde se instalará este software, ya que no funciona bien si dicha carpeta tiene espacios en el nombre (p. ej.: “archivos de programa”), así que instálalo en “C:\AndroidSDK”, o algo similar.

Al terminar de instalar, verás que se abre automáticamente la ventana “Android SDK Manager” (si no fue así, la puedes abrir yendo a Inicio -> Android SDK Tools -> SDK Manager”). Esta ventana controla los paquetes del SDK que se descargan en tu PC.

Selecciona:

  • Android SDK Platform-tools: esto nos da acceso al emulador y otras cosas esenciales.
  • Android 2.2 (API 8): con esto soportaremos dispositivos Android con versión 2.2 y superior.

Haz clic en el botón “Install 14 packages” (el número puede ser distinto en tu PC). Se te presentará una nueva ventana con el “License Agreement”. Leelo (o no), selecciona “Accept license” y dale clic a “Install”. Se procederá a descargar lo que seleccionaste, lo cual puede tomar varios minutos.

4. Instala Basic4Android

Es justo aclarar que Basic4Android necesita .NET framework 2.0. Es muy raro que esa versión de .NET no esté instalada en PCs modernas, pero no está de más avisar.

Ejecuta el instalador y sigue las opciones por defecto. Una vez instalado ábrelo (Inicio -> Basic4Android -> Basic4Android), abre el menú Tools -> Configure Paths. Se te pedirán dos rutas:

javac: está en “C:\Program Files (x86)\Java\jdk1.7.0_17\bin\javac.exe”, o algo similar.

android.jar: está en “C:\AndroidSDK\platforms\android-8\android.jar”.

Dale clic en “OK”.

5. Instala B4A Bridge en tu Android

El B4A-Bridge permite conectar el IDE de Basic4Android a tu Android por medio de la red WiFi. Es muy práctico para no tener tu Android conectado todo el tiempo a la PC.

Lo puedes descrgar desde el Play Store: https://play.google.com/store/apps/details?id=anywheresoftware.b4a.b4abridge

O si lo prefieres, descárgalo directamente de la página de Basic4Android: http://www.basic4ppc.com/android/files/b4a_bridge.apk

6. (opcional) Instala los controladores USB de tu Android.

Aunque el B4A-Bridge es muy práctico, a veces se desconecta del IDE sin avisar. Por lo que quizás prefieras usar conexión por cable USB, que es más estable.

Si es así, consigue el driver USB propio de tu Android. Hay una lista de páginas donde conseguir el driver en este sitio: http://developer.android.com/tools/extras/oem-usb.html.

 

En el siguiente post, veremos como usar Basic4Android con nuestro dispositivo.

 

 

02. abril 2013 by carlospc
Categories: Android, Basic4Android, Prográmelo usted mismo | Leave a comment

1 Introducción

Android

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.

phone_image

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