Sumar dos numeros con monodroid en Visual Studio 2010

En el post anterior vimos como configurar el VS 2010 para poder utilizar el monodroid,ahora realizaremos un ejemplo sencillo de la suma de dos números con android.

Para facilitarnos la parte gráfica de la aplicación utilizaremos DroidDraw (dar clic para descargar).En el DroidDraw  agregamos 3 EditText y un Buttom,el root Layout seleccionamos absoluteLayout para que se vea algo así :


Despues damos clic en la opcion de propiedades y editamos los nombres de cada uno de nuestros items.Les recomiendo dejar @+id/ y agregar el nombre que se nos antoje,en este caso le puse texto1,texto2 y resultado a los editText y al boton le puse boton.

Ahora que ya tenemos el diseño damos clic en generar para que nos muestre el axml de nuestra aplicación.

Una vez generado el axml  abrimos el visual studio y damos en proyecto nuevo y selecionamos el mono for android aplication.

Una vez que se generaron los archivos vamos a la carpeta de layaout y abrimos el Main.axml :

Borramos el codigo y pegamos el que generamos,pero cambiamos el código axml generado ya que es distinto veamos un ejemplo :

<EditText

android:id=”@+id/widget27″

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:text=”EditText”

android:textSize=”18sp”

android:layout_x=”120px”

android:layout_y=”102px”

>

</EditText>

Ese seria nuestro código generado y solo omitiremos la última etiqueta </EditText> y en el último atributo cerramos nuestra etiqueta asi :

<EditText

android:id=”@+id/widget27″

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:text=”EditText”

android:textSize=”18sp”

android:layout_x=”120px”

android:layout_y=”102px”

/>

Entonces nos quedaría así :

Ahora vamos al código de nuestra aplicación,vemos que automáticamente nos importa las librerias necesarias para poder utilizar el monodroid, también genera un código de ejemplo para que podamos realizar una prueba sencilla borramos todo lo que esta después de // and attach an event to it,ahora empezaremos a programar esta sencilla aplicación,comenzaremos con la creación de objetos de la siguiente manera:

Button button = FindViewById<Button>(Resource.Id.boton1);

Donde button es un objeto de tipo Buttom el cual es uno de los controles de nuestra aplicación, el FindViewById realiza una búsqueda en nuestro axml y verifica que exista un atributo o etiqueta llamada Buttom , con Resource.Id buscamos el id de la etiqueta que buscamos anteriormente.Realizamos lo mismo con los 3 items que nos quedan.

Para que nuestro button funcione , necesitamos mandarlo a que realice una acción y es la de clic lo hacemos escribiendo button.Click y agregamos += delegate para asignarle una tarea que será enviar el resultado, lo realizamos de la siguiente manera:

Nuestras cajas de texto las volvemos de tipo decimal para realizar las operaciones y listo al dar clic al botón nos dará la suma.El código quedaría de la siguiente manera :

decimal i = decimal.Parse(texto1.Text);
decimal j = decimal.Parse(texto2.Text);
decimal resultado = i + j; ;
res.Text = resultado.ToString();


Y en nuestro simulador de android se ve así:

En nuestro próximo tutorial para android con monodroid, enviaremos un correo desde el móvil con un servicio web en php utilizando NUSOAP, saludos.

  • Luizka

    Muy bueno! para los que nos estamos iniciando en este rollo del monodroid

    Gracias. Saludos!

  • christian alarcon

    gracias por el aporte, podrias dejar el codigo fuente o el proyecto disponible para descarga, tengo un error de compilacion y no encuentro el problemas, quizas se pueda deber a alguna herramienta que no esta bien instalada.