Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android

Tutorial de Desarrollo de Aplicaciones Android

Programa básico para dar los primeros pasos en Android.

Descripción del proyecto: Esta aplicación permitirá ejecutas las operaciones de suma, resta, multiplicación y división sobre 2 números.

Pasos a seguir:

1- Creamos un nuevo Proyecto en Android (Android Proyect)

2- Definimos el nombre del proyecto

3- Definimos la versión del Sistema Operativo Android para nuestra aplicación, en este caso escogeré la 4.0 dado que es la versión que tengo instalada en mi PC, puede elegirse otra versión también.

Autor: Ing. Luis Ernesto Castillo Alfaro


4- Definimos el nombre del paquete para nuestra aplicación y luego hacer clic en el botón Finish

Debemos a tener en cuenta que cuando programamos para Android no programamos directamente en una interfaz gráfica donde definimos el diseño de nuestra aplicación, en Android las aplicaciones se dividen en la interfaz gráficas conocidas como Layout que vienen a ser lo que el usuario ve, la interfaz gráfica (conjunto de controles) pero allí no programamos nada, se preguntarán entonces donde programo la funcionalidad de la aplicación? La programación de las aplicaciones la hacemos en componentes denominados Activities:



5- Definimos la interfaz de la aplicación, para esto accedemos al contenido de la carpeta layout tal y como se muestra en la imagen:

Hacemos un doble clic sobre el archivo main.xml hacemos un clic sobre la vista main.xml

Y copiamos el siguiente texto entre las etiquetas <LinearLayout> y </LinearLayout>:

<TextView

android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strnumero1" />

< EditText android:id="@+id/txtn1" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:text="@string/htnn1" >

<requestFocus /> </EditText>

<TextView



android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strsegundonumero" /> < EditText android:id="@+id/txtn2" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:text="@string/htn2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnsumar" android:onClick="Sumar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnrestar" android:onClick="Restar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnmultiplicar" android:onClick="Multiplicar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htndividir" android:onClick="Dividir"/> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strResultado" />

< EditText android:id="@+id/txtresultado" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" />

El diseño que se obtiene es el siguiente:

De seguro habrán notado que cuando se copio las líneas que definieron el diseño de la aplicación se agregaron 4 botones correspondientes a las 4 operaciones de suma, resta, multiplicación y división de los 2 números a aplicar las operaciones establecidas, cada uno de estos 4 botones tiene un método android:onclic=”nombre de función” a la que se llamará al momento de hacer clic sobre cada botón que hace referencia a una determinada función, para aquellos que se iniciaron en el mundo de la programación allá por el año 2002 recordarán que en una página web basada en html y javascript los controles button podrían hacer referencia a una función javaascript definida previamente en su evento onclic.



6- Codificando la aplicación (ahora a poner a trabajar a sus dedos amigos programadores)

Como les había mencionado anteriormente es en los objetos activities en donde se programa la funcionalidad de los layouts (interfaz de usuario), entonces accedemos a la clase activity definida previamente.

Cada objeto de la clase Activity tiene un método Oncreate que es el que permite definir que layout cargará en este caso el layout main que contiene la interfaz del usuario, de otro lado previamente se definen 3 objetos de tipo EditText (textbox en otros lenguajes) y les damos los nombres de txtn1, txtn2 y txtresultado. En el método OnCreate de la actividad igualamos las variables de tipo EditText a los controles definidos en el layout mainEs decir - txtn1= al control txtn1 del layout- txtn2= al control txtn2 del layout- txtresultado= al control txtresultado del layout

7- Definimos los métodos para cada botón:

Método para sumar:public void Sumar(View v) {

int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1+n2; txtresultado.setText(String.valueOf(resultado));

}

Método para Restar:

public void Restar(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1-n2; txtresultado.setText(String.valueOf(resultado)); }

Método para Multiplicar:

public void Multiplicar(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1*n2; txtresultado.setText(String.valueOf(resultado));



}

Método para Dividir:

public void Dividir(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1/n2; txtresultado.setText(String.valueOf(resultado)); }

8- Ejecutamos la aplicación:

Seleccionamos el proyecto, clic derecho Run as y luego seleccionamos Android Aplication. Luego se levanta el emulador de Android:


Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android

Education

Transcript of Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android