Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android

Tutorial de Desarrollo de Aplicaciones Android

Tutorial 2 de Android:

En esta oportunidad en el curso de Aprendiendo Android veremos cómo navegar por medio de diferentes pantallas al hacer clic sobre un botón y a la vez pasar datos de una actividad a otra.

Descripción de la aplicación:

La aplicación consiste en registrar los datos de tareas asignadas a un determinado profesional informáticos las cuales pueden ser tareas de Soporte, Desarrollo y Diseño, aparte de eso se debe de registrar el nombre de la persona asignada para dicha tarea y finalmente se debe registrar la descripción de la tarea asignada.

Ventanas que tendrá nuestra aplicación:

1- Pantalla de Registro de Tarea:

2- Pantalla de Confirmación del registro de la tarea:

Autor: Ing. Luis Ernesto Castillo Alfaro


Pasos a Seguir:

1- Creamos un nuevo proyecto de Android con el nombre Spinner(es el nombre que le di al proyecto) de preferencia denle otro nombre como Tareasasignadas si desean pueden darle el nombre de Spinner eso es irrelevante.

2- Creamos 1 actividad llamada datosenviados

3- Creamos 1 layout llamado datosenviados



4- Diseñando la interfaz del layout main(ingreso de datos de tarea)

En el archivo xml del layout main copiar las siguiente líneas de código:

<TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Seleccionar tipo de Actividad" />

<Spinner android:id="@+id/spntareas" android:layout_width="match_parent" android:layout_height="wrap_content" android:entries="@array/Tareas" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Asignado a:" />

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

<TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Descripción de la Actividad" />

<EditText android:id="@+id/txtdescripcion" android:layout_width="match_parent" android:layout_height = "wrap_content" android:layout_weight="0.00" android:ems="10" android:inputType="textMultiLine" >

<requestFocus /> </EditText>

<Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="SeguirOnClick" android:text = "Enviar" />

El diseño que se obtiene es el siguiente:

Para que podamos tener la posibilidad de elegir un tipo de tarea asignada a registrar necesitamos insertar en este layout un control Spinner (combobox o dropdownlistbox) en otros lenguajes de programación, pero para que este control tenga la lista de tipos



de tarea a asignar debemos de llenar de alguna manera esos valores hacía el control Spinner. Procedimiento para llenar el control Spinner con tipos de tareas a asignar:

a- Creamos un recurso de tipo Array String

b- Relacionamos el control Spinner con el recurso creado (tareas.xml)



5- Diseñando el layout datosenviados (confirmación de registro de tarea).

En el archivo xml del layout datosenviados copiar las siguiente líneas de código:

<TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Se ha registrado una nueva actividad" />

<TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "De tipo:" />

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

<requestFocus /> </EditText>

<TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Asignado a:" />

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

<TextView android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text = "Y consiste en:" />

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

El diseño que se obtiene es el siguiente:

Observación: Para que todas las ventanas(layouts) puedan cargar en la aplicación sus respectivas actividades (activities) deben ser referenciados en el archivo androidmanifest.xml



6- Programando la funcionalidad de la actividad spinnerActvity(registro de Actividad Asignada)

Código a Copiar

a- En primer lugar necesitamos definir las variables que se utilizarán para pasar los respectivos valores a la ventana de confirmación de tarea registrada.

private static final int REQUEST_CODE=10; Spinner spntareas; EditText txtresponsable;

EditText txtdescripcion;

b- En el método oncreate de la actividad seteamos las variables descritas en el punto “a” a los controles del layout main:

spntareas=(Spinner)findViewById(R.id.spntareas); txtresponsable=(EditText)findViewById(R.id.txtresponsable); txtdescripcion=(EditText)findViewById(R.id.txtdescripcion);



c- Creamos el método que nos permitirá enviar los datos de la primera actividad (registro de tarea asignada)a la actividad de confirmación de registro de tarea asignada:

public void SeguirOnClick(View v){ Intent intent =new Intent(this,datosenviados.class);

String tarea2=spntareas.getSelectedItem().toString(); String responsable=txtresponsable.getText().toString(); String descripcion=txtdescripcion.getText().toString(); intent.putExtra("valor1", tarea2); intent.putExtra("valor2", responsable); intent.putExtra("valor3", descripcion); startActivityForResult(intent,REQUEST_CODE);}

Las variables valor1,valor2 y valor3 son las que van a permitir enviar sus correspondientes valores a la otra ventana.

7- Programamos la funcionalidad de la ventana datosenviados (ventana de confirmación de registro de tarea asignada)

En el método oncreate de esta actividad obtenemos los datos enviados en la primera actividad con las variables de tipo String valor1, valor2 y valor3 y luego estos valores se los asignamos a los correspondientes controles txttipo, txtnresponsable y txtndecripcion del layout datos enviados.

8- Ejecutamos la aplicación

a- Elegimos el tipo de tarea a registrar



b- Registramos los demás datos y luego hacemos clic al botón Enviar

c- Navegamos hasta la siguiente pantalla y vemos que los datos fueron enviados y recibidos correctamente:


Technology

Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android