Practica04 Agenda

Practica 4 – Agenda
Objetivo
Realizar una agenda para guardar contactos y citas para determinada acción que se
necesite, se utilizaran los controles:
 Spinner
 DatePickerDialog
 TimePickerDialog
 Intents
 ListView
1. Spinner
Permite al usuario seleccionar una única opción de un listado desplegable.
1. Abrir el archivo res->layouts->activity_main.xml

y agregar tres EditText, para nombre, apellido y
teléfono (utilizar los tipos de EditText
correspondiente
2. Agrega un Spines para seleccionar la categoría
(Actividad Física, Trabajo, Compras, Recreativo,
Otros)
3. Agregar dos EditText para la fecha y la hora
4. Agregar dos ImageButton para las acciones de la
fecha y la hora (agregar recursos en mipmap
5. El resultado debe quedar de la siguiente forma
El widget Date Picker se inicializa obteniendo los

valores iniciales que usted configure,
DatePickerDialog nos permite elegir y obtener la
fecha con suma facilidad gracias a su interfaz
gráfica.
ITESCAM 9999553086 cochab@itescam.edu.mx

6. Llenar el Spinner
6.1.Agregar el siguiente código en MainActivity.java
Spinner categoria;
final String[] datos = new String[]{"Actividad Física","Trabajo","Compras",

"Recreativo","Otros"};
ArrayAdapter<String> adaptador;
6.2.Dentro del método onCreate agregar el siguiente fragmento de código:

adaptador = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item,
datos);
categoria = (Spinner)findViewById(R.id.sp_category);
categoria.setAdapter(adaptador);
7. Configurar el DatePickerDialog:
7.1.Hacer que la Activity implemente de View.OnClickListener
7.2.Agregar referencia a los controles EditText e ImageButton
EditText etFecha, etHora;
ImageButton ibObtenerFecha, ibObtenerHora;
7.3.Referenciar los controles de layout con:

etFecha = (EditText) findViewById(R.id.et_mostrar_fecha_picker);
etHora = (EditText) findViewById(R.id.et_mostrar_hora_picker);
ibObtenerFecha = (ImageButton) findViewById(R.id.ib_obtener_fecha);

ibObtenerHora = (ImageButton) findViewById(R.id.ib_obtener_hora);
7.4.Agregar el evento setOnClickListener a los controles ImageButton
7.5.Definir lógica del evento OnClickListener
8. Definir la lógica para obtener la fecha y la hora
8.1.Definir variables
private static final String CERO = "0";
private static final String DOS_PUNTOS = ":";
private static final String BARRA = "/";
public final Calendar c = Calendar.getInstance();
final int mes = c.get(Calendar.MONTH);

final int dia = c.get(Calendar.DAY_OF_MONTH);
final int anio = c.get(Calendar.YEAR);
final int hora = c.get(Calendar.HOUR_OF_DAY);

final int minuto = c.get(Calendar.MINUTE);
8.2.Codificar Lógica para extraer la fecha y la hora

2. Intent
1. Cambiar de Activity
1.1. Hacer que la Activity implemente de View.OnClickListener
1.2. Definir variables de controles
EditText txtName, txtLast, txtPhone;
Button btnGuardar;
1.3. Agregar el FindViewById a los controles previos
txtName = findViewById(R.id.txtName);
txtLast = findViewById(R.id.txtLastName);
txtPhone = findViewById(R.id.txtPhone);
1.4. Crear Actividad ListDatesActivity.java para redireccionar el MainActivity
1.5. Agregar un método que hará el cambio de Activity
Intent i = new Intent(this, ListDatesActivity.class);
startActivity(i);
2. Pasar parámetros a un activity
3. Crear una clase Citas para capturar los datos de MainActivity.java la clase de
implementar de Serializable
4. Agregar al método donde se agregó el intent i.putExtra("Cita", getDataUI());
5. En ListDateActivity.java agregar el siguiente código en método OnCreate
Cita c = (Cita)getIntent().getSerializableExtra("Cita");
Toast.makeText(this,c.getCategory(),Toast.LENGTH_LONG).show();
3. ListView
3.1. Click derecho sobre carpeta layout, new->layout resource file
3.2. Y creamos nuestro ListView personalizado
3.3. En el activity_list_dates,xml agregar el control ListView
3.4. Crear clase Adapter personalizado CitasAdapter.java

public class CitasAdapter extends ArrayAdapter<Cita>
CitasAdapter(Activity contexto,ArrayList<Cita> citas) { // Llamamos al

constructor de la clase superior
super(contexto, R.layout.list_view_custom_categories, citas );
this.ctx = contexto;
}
3.5. En la función getView recuperar la cita y mapearlo con el ListView
3.6. En el archivo ListDates agegar lo siguiente:
ArrayList<Cita> arrayListc = new ArrayList<Cita>();
ListView opciones;

3.7. En el método onCreate agregar:
opciones = findViewById(R.id.ListaOpciones);
arrayListc.add(c);
CitasAdapter adapter = new CitasAdapter(this,arrayListc);
opciones.setAdapter(adapter);

Practica04 Agenda

Cargado por

Copyright:

Formatos disponibles

Practica04 Agenda

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Practica04 Agenda

Cargado por

Copyright:

Formatos disponibles

Practica 4 – Agenda

Permite al usuario seleccionar una única opción de un listado desplegable.

1. Abrir el archivo res->layouts->activity_main.xml

El widget Date Picker se inicializa obteniendo los

ITESCAM 9999553086 cochab@itescam.edu.mx

final String[] datos = new String[]{"Actividad Física","Trabajo","Compras",

6.2.Dentro del método onCreate agregar el siguiente fragmento de código:

EditText etFecha, etHora;

ImageButton ibObtenerFecha, ibObtenerHora;

7.3.Referenciar los controles de layout con:

ibObtenerFecha = (ImageButton) findViewById(R.id.ib_obtener_fecha);

final int mes = c.get(Calendar.MONTH);

final int hora = c.get(Calendar.HOUR_OF_DAY);

8.2.Codificar Lógica para extraer la fecha y la hora

ITESCAM 9999553086 cochab@itescam.edu.mx

3.4. Crear clase Adapter personalizado CitasAdapter.java

CitasAdapter(Activity contexto,ArrayList<Cita> citas) { // Llamamos al

ITESCAM 9999553086 cochab@itescam.edu.mx

ITESCAM 9999553086 cochab@itescam.edu.mx

También podría gustarte