Android avanzado. Sesión 5: Notificaciones. Experto en Desarrollo de Aplicaciones para Dispositivos Móviles

Transcripción

1 Android avanzado Sesión 5: Notificaciones Depto. Ciencia de la Computación e IA

2 Puntos a tratar Notificaciones Toast Personalización Notificaciones de la Barra de Estado Configuración y uso Cuadros de Diálogo Diálogo de Alerta Diálogo de Confirmación Diálogo de Selección Depto. Ciencia de la Computación e IA 2

3 Notificaciones Toast Avisos, no requieren confirmación por parte del usuario. Apariencia por defecto o configurable. Duración: LENGTH_LONG (3.5 segundos) LENGTH_SHORT (2 segundos) btndefecto.setonclicklistener(new OnClickListener() public void onclick(view arg0) { Toast toast1 = Toast.makeText(getApplicationContext(), "Toast por defecto", Toast.LENGTH_SHORT); toast1.show(); ); Depto. Ciencia de la Computación e IA 3

4 Notificaciones Toast Alineación: void setgravity(int gravity, int xoffset, int yoffset) Gravity values: CENTER, LEFT, BOTTOM,... o con alguna combinación de éstas btngravity.setonclicklistener(new OnClickListener() public void onclick(view arg0) { Toast toast2 = Toast.makeText(getApplicationContext(), "Toast con gravity", Toast.LENGTH_SHORT); toast2.setgravity(gravity.center Gravity.LEFT,0,0); toast2.show(); ); Depto. Ciencia de la Computación e IA 4

5 Notificaciones Toast Personalizar apariencia, layout del Toast: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" android:background="#555555" android:padding="5dip" > <ImageView android:layout_height="wrap_content" android:layout_width="wrap_content" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:textcolor="#ffffff" android:paddingleft="10dip" /> </LinearLayout> Depto. Ciencia de la Computación e IA 5

6 Notificaciones Toast Personalizar apariencia, código: btnlayout.setonclicklistener(new OnClickListener() public void onclick(view arg0) { LayoutInflater inflater = getlayoutinflater(); View layout = inflater.inflate(r.layout.toast_layout, (ViewGroup) findviewbyid(r.id.lytlayout)); TextView txtmsg=(textview)layout.findviewbyid(r.id.txtmsg); txtmsg.settext("toast Personalizado"); ); Toast toast3 = new Toast(getApplicationContext()); toast3.setduration(toast.length_short); toast3.setview(layout); toast3.show(); Depto. Ciencia de la Computación e IA 6

7 Notificaciones de la Barra de Estado Depto. Ciencia de la Computación e IA 7

8 Notificaciones Las Notification son el mecanismo típico que utilizan los servicios para comunicarse con el usuario. No roban el foco a la aplicación actual. Permanecen el tiempo que haga falta hasta ser vistas o descartadas. Permiten mostrar distintos tipos de información. Pueden responder a la pulsación. Se pueden actualizar Depto. Ciencia de la Computación e IA 8

9 Notificaciones Primero: Obtenemos acceso al servicio de notificaciones. Configuramos la notificación superior. //Obtenemos una referencia al servicio de notificaciones String ns = Context.NOTIFICATION_SERVICE; NotificationManager notmanager = (NotificationManager) getsystemservice(ns); //Configuramos la notificación int icono = android.r.drawable.stat_sys_warning; long hora = System.currentTimeMillis(); Notification notif = new Notification(icono, "Alerta!", hora); Depto. Ciencia de la Computación e IA 9

10 Notificaciones Segundo: Configuramos el PendingIntent Configuramos la notificación del desplegable //Configuramos el PendingIntent Intent intent = new Intent(context, Activididad.class); PendingIntent pendintent = PendingIntent.getActivity( contexto, 0, intent, 0); // Configuramos la mensaje del evento notif.setlatesteventinfo( contexto, "Mensaje de Alerta", "Ejemplo de notificación", pendintent); Depto. Ciencia de la Computación e IA 10

11 Notificaciones Tercero: Asignar comportamientos Mostrar la notificación El id (NOTIF_ALERTA_ID) sirve para actualizar la misma notificación o poner una nueva, si es un id nuevo. //AutoCancel: cuando se pulsa la notificación ésta desaparece notif.flags = Notification.FLAG_AUTO_CANCEL; //Añadir sonido, vibración y luces notif.defaults = Notification.DEFAULT_SOUND; notif.defaults = Notification.DEFAULT_VIBRATE; notif.defaults = Notification.DEFAULT_LIGHTS; notmanager.notify(notif_alerta_id, notif); Depto. Ciencia de la Computación e IA 11

12 Notificaciones Cerrar la notificación al pulsar sobre ella: Utilizando los flags de la notificación: //AutoCancel: cuando se pulsa la notificación ésta desaparece notif.flags = Notification.FLAG_AUTO_CANCEL; Desde el método onresume() de la protected void onresume() { super.onresume(); notmanager.cancel(notif_alerta_id); Depto. Ciencia de la Computación e IA 12

13 Ejemplo: notificaciones con AsyncTask private class MiTarea extends AsyncTask<String, String, String>{ public static final int NOTIF_ID = 1; Notification notification; NotificationManager protected void onpreexecute() { super.onpreexecute(); notificationmanager = (NotificationManager)getSystemService( Context.NOTIFICATION_SERVICE); notification = new Notification(R.drawable.icon, "Mensaje evento", protected String doinbackground(string... params) { while(condicionseguirejecutando){ if(condicionevento) publishprogress("información del evento"); return protected void onprogressupdate(string... values) { Intent notificationintent = new Intent( getapplicationcontext(), MiActividadPrincipal.class); PendingIntent contentintent = PendingIntent.getActivity( getapplicationcontext(), 0, notificationintent, 0); notification.setlatesteventinfo(getapplicationcontext(), values[0], contentintent); notificationmanager.notify(notif_id, notification); Depto. Ciencia de la Computación e IA 13

14 Cuadros de Diálogo Depto. Ciencia de la Computación e IA 14

15 Diálogo de Alerta Permiten mostrar un aviso al usuario. Asegura la visualización ya que roba el foco de la aplicación. private void mostrardialogoalerta() { AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("información"); builder.setmessage("esto es un mensaje de alerta."); builder.seticon(r.drawable.dialog_icon); builder.setpositivebutton("aceptar", // acción o null new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int which) { Log.i("Dialogos", "Botón aceptar pulsado"); ); builder.show(); Depto. Ciencia de la Computación e IA 15

16 Diálogo de Confirmación private void mostrardialogoconfirmacion() { AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("confirmacion"); builder.setmessage(" Confirma la accion seleccionada?"); builder.setpositivebutton("aceptar", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int which) { Log.i("Dialogos", "Confirmacion Aceptada."); ); builder.setnegativebutton("cancelar", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int which) { Log.i("Dialogos", "Confirmacion Cancelada."); ); builder.show(); Depto. Ciencia de la Computación e IA 16

17 Diálogo de Selección private void mostrardialogoseleccion() { final String[] items = {"Español", "Inglés", "Francés"; AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("selecciona tu idioma"); builder.setitems(items, new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int item) { Log.i("Dialogos", "Opción elegida: " + items[item]); ); builder.setnegativebutton("cancelar", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int which) { Log.i("Dialogos", "Selección Cancelada."); ); builder.show(); Depto. Ciencia de la Computación e IA 17

18 Diálogo selección única final String[] items = {"Español", "Inglés", "Francés"; AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("título").setsinglechoiceitems(items, -1, new DialogInterface.OnClickListener() public void onclick(dialoginterface dialog, int which) { mselectedsingleitem = which; ).setpositivebutton("aceptar", new DialogInterface.OnClickListener() public void onclick(dialoginterface dialog, int id) { Log.i(kLOG, "Selección OK: " + mselectedsingleitem); ).setnegativebutton("cancelar", new DialogInterface.OnClickListener() public void onclick(dialoginterface dialog, int id) { Log.i(kLOG, "Selección Cancelada."); ); builder.show(); Depto. Ciencia de la Computación e IA 18

19 Diálogo Selección múltiple final String[] items = {"Español", "Inglés", "Francés"; AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("título").setmultichoiceitems(items, null, new DialogInterface.OnMultiChoiceClickListener() public void onclick(dialoginterface dialog, int which, boolean ischecked) { if (ischecked) { mselectedmultichoice.add(which); else if (mselectedmultichoice.contains(which)) { mselectedmultichoice.remove(integer.valueof(which)); ).setpositivebutton("aceptar", new DialogInterface.OnClickListener() { //... ).setnegativebutton("cancelar", new DialogInterface.OnClickListener() { //... ); builder.show(); Depto. Ciencia de la Computación e IA 19

20 Diálogo Personalizado <LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="match_parent" android:layout_height="64dp" android:background="#ffffbb33" /> <EditText android:inputtype="text address" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="usuario" /> <EditText android:inputtype="textpassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="password"/> </LinearLayout> Depto. Ciencia de la Computación e IA 20

21 Diálogo Personalizado AlertDialog.Builder builder = new AlertDialog.Builder(this); LayoutInflater inflater = this.getlayoutinflater(); builder.setview(inflater.inflate(r.layout.layout_dialog, null)).setpositivebutton("aceptar", new DialogInterface.OnClickListener() { //... ).setnegativebutton("cancelar", new DialogInterface.OnClickListener(){ //... ); builder.show(); Depto. Ciencia de la Computación e IA 21

22 Preguntas...? Depto. Ciencia de la Computación e IA 22