PP_Comunicacion en Salud: Objetivación de signos y síntomas
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
1. 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
2. Tutorial de Desarrollo de Aplicaciones Android
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:
Autor: Ing. Luis Ernesto Castillo Alfaro
3. Tutorial de Desarrollo de Aplicaciones Android
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
Autor: Ing. Luis Ernesto Castillo Alfaro
4. Tutorial de Desarrollo de Aplicaciones Android
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)
Autor: Ing. Luis Ernesto Castillo Alfaro
5. Tutorial de Desarrollo de Aplicaciones Android
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 main
Es 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));
}
Autor: Ing. Luis Ernesto Castillo Alfaro
6. Tutorial de Desarrollo de Aplicaciones Android
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:
Autor: Ing. Luis Ernesto Castillo Alfaro