Aplicación para lista de tareas

Transcripción

1 Curso 12/13 Curso de Enseñanzas Propias Programación en Aplicación para lista de tareas

2 En la primera sesión... Aprendimos qué es y cómo es un proyecto. Creamos y ejecutamos nuestro primer proyecto. Añadimos menúes. Comenzamos a entender los Intents. Vimos la estructura de la IU y manifiesto de la aplicación. 2

3 Hoy Completaremos a finalizar la aplicación de lista de tareas. Menúes de contexto. Creación de nuevas Activities y comunicación entre ellas. Visualización avanzada de datos en listas. Persistencia. Depuración. 3

4 Paso a paso... 4

5 Hoja de ruta 1) Aplicación mínima. 2) Crear la Activity Tarea. 3) Intents con respuestas. 4) Estructuras de datos. 5) Visualización de los datos en una lista. 6) Menús de Contexto. 7) Persistencia. 8) Depuración. 5

6 Paso 1 Punto de partida 6

7 Aplicación mínima Actividad principal que hereda de ListActivity. 1 control de texto + 1 lista. Menú con opciones Salir y Acerca de... Prestar atención a la implementación de la opción Acerca de... como un diálogo. 7

8 Recordar viejos tiempos... Descargar el proyecto con la aplicación de partida de la web del curso. Descomprimir el fichero y crear un proyecto importando el existente. Ejecutarlo y comprobar que todo funciona.. 8

9 Cuadros de diálogo 9

10 Diálogos Mostrarlo usando showdialog(int) La primera vez que crea, llama a oncreatedialog(int) Antes de mostrarlo, llama a onpreparedialog(int,dialog) Cierre usando dimiss o dimissdialog(int) Captura del evento de cierre ondimiss Puesta a cero del estado con removedialog(int) 10

11 AlertDialog AlertDialog.Builder AlertDialog.Builder builder builder = = new new AlertDialog.Builder(this); AlertDialog.Builder(this); builder.setmessage("are builder.setmessage("are you you sure sure you you want want to to exit?") exit?").setcancelable(false).setcancelable(false).setpositivebutton("yes",.setpositivebutton("yes", new new DialogInterface.OnClickListener() DialogInterface.OnClickListener() { { public public void void onclick(dialoginterface onclick(dialoginterface dialog, dialog, int int id) id) { { MyActivity.this.finish(); MyActivity.this.finish(); } } }) }).setnegativebutton("no",.setnegativebutton("no", new new DialogInterface.OnClickListener() DialogInterface.OnClickListener() { { public public void void onclick(dialoginterface onclick(dialoginterface dialog, dialog, int int id) id) { { dialog.cancel(); dialog.cancel(); } } }); }); AlertDialog AlertDialog alert alert = = builder.create(); builder.create(); final CharSequence[] items = {"Red", "Green", "Blue"}; final CharSequence[] items = {"Red", "Green", "Blue"}; AlertDialog.Builder builder = new AlertDialog.Builder(this); AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("pick a color"); builder.settitle("pick a color"); builder.setitems(items, new DialogInterface.OnClickListener() { builder.setitems(items, new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int item) { public void onclick(dialoginterface dialog, int item) { Toast.makeText(getApplicationContext(), Toast.makeText(getApplicationContext(), items[item], items[item], Toast.LENGTH_SHORT).show(); Toast.LENGTH_SHORT).show(); } } }); }); AlertDialog alert = AlertDialog alert = builder.create(); builder.create(); 11

12 AlertDialog (II) AlertDialog.Builder builder = new AlertDialog.Builder(this); AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle("pick a color"); builder.settitle("pick a color"); builder.setsinglechoiceitems(items, -1, new DialogInterface.OnClickListener() { builder.setsinglechoiceitems(items, -1, new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int item) { public void onclick(dialoginterface dialog, int item) { Toast.makeText(getApplicationContext(), Toast.makeText(getApplicationContext(), items[item], items[item], Toast.LENGTH_SHORT).show(); Toast.LENGTH_SHORT).show(); } } }); }); AlertDialog alert = AlertDialog alert = builder.create(); builder.create(); ProgressDialog dialog = ProgressDialog.show(MyActivity.this, "", ProgressDialog dialog = ProgressDialog.show(MyActivity.this, "", "Loading. Please wait...", true); "Loading. Please wait...", true); ProgressDialog progressdialog; ProgressDialog progressdialog; progressdialog = new ProgressDialog(mContext); progressdialog = new ProgressDialog(mContext); progressdialog.setprogressstyle(progressdialog.style_horizontal); progressdialog.setprogressstyle(progressdialog.style_horizontal); progressdialog.setmessage("loading..."); progressdialog.setmessage("loading..."); progressdialog.setcancelable(false); progressdialog.setcancelable(false); 12

13 Diálogos a medida Diseñar la apariencia del diálogo de la misma manera que hemos visto para las IU de las actividades Asociar el layout al objeto Dialog mediante setcontentview Para modificar el aspecto por defecto de un diálogo: setview Toma como argumento un objeto View con nuestras preferencias (uso de Inflater) 13

14 Diálogos a medida: ejemplos Context Context mcontext mcontext = getapplicationcontext(); Dialog Dialog dialog dialog = new new Dialog(mContext); Dialog(mContext); dialog.setcontentview(r.layout.custom_dialog); dialog.settitle("custom Dialog"); Dialog"); TextView TextView text text = (TextView) (TextView) dialog.findviewbyid(r.id.text); text.settext("hello, this this is is a custom custom dialog!"); dialog!"); ImageView ImageView image image = (ImageView) (ImageView) dialog.findviewbyid(r.id.image); image.setimageresource(r.drawable.android); AlertDialog.Builder AlertDialog.Builder builder; builder; AlertDialog AlertDialog alertdialog; alertdialog; Context Context mcontext mcontext = = getapplicationcontext(); getapplicationcontext(); LayoutInflater LayoutInflater inflater inflater = = (LayoutInflater) (LayoutInflater) mcontext.getsystemservice(layout_inflater_service); mcontext.getsystemservice(layout_inflater_service); View View layout layout = = inflater.inflate(r.layout.custom_dialog, inflater.inflate(r.layout.custom_dialog, (ViewGroup) (ViewGroup) findviewbyid(r.id.layout_root)); findviewbyid(r.id.layout_root)); TextView TextView text text = = (TextView) (TextView) layout.findviewbyid(r.id.text); layout.findviewbyid(r.id.text); text.settext("hello, text.settext("hello, this this is is a a custom custom dialog!"); dialog!"); ImageView ImageView image image = = (ImageView) (ImageView) layout.findviewbyid(r.id.image); layout.findviewbyid(r.id.image); image.setimageresource(r.drawable.android); image.setimageresource(r.drawable.android); builder builder = = new new AlertDialog.Builder(mContext); AlertDialog.Builder(mContext); builder.setview(layout); builder.setview(layout); alertdialog alertdialog = = builder.create(); builder.create(); 14

15 Añadir opción Nueva al menú Descargue y guarde en res/drawable la imagen del icono a utilizar. Edite res/menu/todomenu.xml y añada una nueva entrada. Establezca el identificador del recurso como itemnew. Añada un nuevo recurso de tipo string con el valor de etiqueta del menú. Asocie el nuevo recurso con el valor de la propiedad Title. Asocie el valor de la propiedad Icon con el recurso drawable 'nuevo.png'. 15

16 Paso 2 Diseñar y crear la Activity Tarea 16

17 Del primer día... Layouts. Eventos de la interfaz de usuario. Intents

18 Y queremos que cuando pulsemos la opción Nueva salga algo parecido a esto 18

19 Crear la interfaz de la Activity Elegir el layout preferido. Usar controles: TextView y EditText Spinner (seleccionar la importancia) DatePicker Button Utilizar recursos de tipo string para los valores de las etiquetas. 19

20 Crear la nueva Activity Añadir nuevo fuente al proyecto: Tarea.java La clase Tarea hereda de Activity Por el momento, añadimos el soporte para manejar dos eventos (impl. interfaces): OnItemSelectedListener OnClickListener Utilizar el asistente de Eclipse. 20

21 oncreate Copiar el del ejemplo Hola Mundo. Establecer la clase Task como el manejador del evento click del botón: setonclicklistener. Rellenar el control spinner con los datos a mostrar. Establecer la clase Task como el manejador de los eventos asociados al control spinner: onitemselected. 21

22 Necesitamos algo de código Spinners y LisViews necesitan de un origen de datos para mostrar contenido. Es necesario un adaptador que se indica mediante el método SetAdapter Para modificar la vista de los elementos, no hay que modificar el control sino el adaptador Interfaces de Usuario 22

23 Mostrando información en nuestro control Spinner String[] elementos = {"alta","media","baja"}; /** Called when the activity is first created. public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.form); Spinner spin = (Spinner)findViewById(R.id.spinner1); spin.setonitemselectedlistener(this); ArrayAdapter<String> aa = new ArrayAdapter<String>(this, android.r.layout.simple_spinner_item,elementos); aa.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_item); } spin.setadapter(aa); Interfaces de Usuario 23

24 Mostrando información en nuestro control Spinner (alternativa) Spinner s1 = (Spinner) findviewbyid(r.id.spinner1); ArrayAdapter adapter = ArrayAdapter.createFromResource(this, R.array.colors, android.r.layout.simple_spinner_item); adapter.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_item); s1.setadapter(adapter); Interfaces de Usuario 24

25 Últimos retoques Finalizar la actividad cuando se pulse el botón Aceptar. Llamar a finish() en onclick() Utilizar un objeto de la clase Toast para indicar la opción finalmente seleccionada del control spinner: OnItemSelected. Toast.makeText(padre, texto, modo).show(); Añadir la actividad al proyecto. Iniciar Tarea cuando se pulse la opción Nueva del menú. Interfaces de Usuario 25

26 Paso 3 Comunicación entre Activities 26

27 En este paso... Intents con respuesta. Retorno de datos. Recogida de datos. Añadiremos sencillas entradas a la lista de tareas. 27

28 Intents con respuesta El objeto Intent contiene la información de interés para el componente que lo recibe. Acción + datos Si la actividad a ejecutar devuelve resultados, debe iniciarse con startactivityforresult Primer argumento es el intent. Segundo argumento es el número de llamada. Los resultados se recogen en OnActivityResult 28

29 Retorno de valores La actividad llamada debe crear un Intent de retorno. Se añaden datos extra al Intent de retorno con putextra(string nombre, <tipo> valor) El nombre del paquete java se pone como prefijo en el nombre. Establecer el resultado de terminación de la actividad: SetResult Código: e.j. RESULT_CANCELED, RESULT_OK. Intent resultado. Finalizar la actividad: finish() 29

30 Devolver datos tarea creada Completar el código del método OnClick de la clase Tarea para: 1.Construir una cadena de texto con los valores de los campos introducidos GetText(), getdayofmotnh(), getyear(), Atributo de clase para retener el nivel de importancia seleccionado: asignado en OnItemSelected. 2.Crear un Intent de retorno. 3.Añadir la cadena formada en 1 como Extra al Intent. com.cep.android.retorno 4.Establecer resultado y salir de la actividad. 30

31 Recogida de datos La aplicación que llama debe implementar el método onactivityresult RequestCode: identificador entero que acompañaba al Intent al lanzar la actividad. ResultCode: código de retorno (detección de errores, condiciones de finalización, etc.). Intent de retorno donde vienen los resultados. Obtener los datos de retorno como un Bundle: Intent.getExtras(). Utilizar los distintos métodos get con el nombre de valor como entrada para recuperar los datos. Bundle.getString( com.cepo.android.retorno ) 31

32 OnActivityResult en actividad principal Comprobar y seleccionar en base a RequestCode (por ahora sólo uno). Comprobar valor de retorno. Recuperar del Intent de retorno la cadena com.cep.android.retorno. Añadir dicha cadena como elemento a la lista. 32

33 Mostrar datos en el ListView La misma filosofía siempre: Desacoplar el contenedor y origen de los datos de la presentación. Datos [Contenedor] Adaptador Control [Presentación] Vista [Visualización a medida] 33

34 Mostrar datos en ListView (sencillo) 1. El contenedor 2. El adaptador ArrayList<String> listtareas=new ArrayList<String>(); ArrayAdapter<String> adapter; Enlazar contenedor-vista-lista-adaptador (oncreate) adapter=new ArrayAdapter<String>(this, android.r.layout.simple_list_item_1,listtareas); setlistadapter(adapter); Añadir datos (onactivityresult) listtareas.add(string); adapter.notifydatasetchanged(); 34

35 Paso 8 Depuración de una aplicación 35

36 Entorno Se necesita un depurador compatible con el protocolo JDWP. Eclipse es compatible. 36

37 Qué podemos hacer Obtener información del estado del emulador. Registrar información sobre la traza de llamadas realizadas. Pausar, ejecutar paso a paso, visualizar valores de variables... Mostrar información en la pantalla del emulador. 37

38 Perspectiva de depuración en Eclipse Información acerca de las en ejecución y sus hilos. Muestra información del valor de las variables cuando llega a un punto de ruptura. Muestra qué puntos de rupturas están definidos. LogCat. Visualización de mensajes del sistema en tiempo de ejecución. 38

39 Perspectiva DDMS en Eclipse Información de los dispositivos físicos y virtuales. Control del emulador. Envío de comandos. LogCat. Pila, hilos, Explorador de archivos. 39

40 A practicar Establecer un punto de ruptura en vuestra aplicación. Doble click en margen izquierdo del fichero fuente. Ejecutar la aplicación en modo de depuración. En el emulador, realizar los pasos necesarios para alcanzar el punto de ruptura. Ver la información mostrada en la perspectiva de depuración. Jugar con el control de ejecución desde el depurador. 40

41 Mensajes de sistema Hay que utilizar la clase Log. Varios métodos dependiendo del tipo de información a mostrar: e error d depuración i información w advertencia Desde la vista DDMS y de depuración se pueden filtrar, buscar y leer los mensajes. Generar un mensaje de sistema, del tipo info cuando se añada una nueva tarea. Comprar en LogCat que se genera dicho mensaje. 41

42 Depuración en dispositivo La interfaz es la misma que la depuración basada en el emulador. Es necesario hacer unos ajustes al proyecto. Propiedad android:debuggable="true" en la aplicación. Habilita la depuración USB en el dispositivo: Settings Applications Development Para algunos sistemas operativos es necesario configurar correctamente la conexión adb-usb. Windows: instalar un driver para adb. Aquí. MacOsX: no hay que hacer nada. Linux: lo vamos a hacer ahora mismo. 42

43 Desarrollo de Configuración de un dispositivo en Linux Como superusuario crear el siguiente fichero: /etc/udev/rules.d/51 android.rules Añadir una línea por cada fabricante de dispositivos que queramos soportar: SUBSYSTEM=="usb", ATTR{idVendor}=="0bb4", MODE="0666", GROUP="plugdev" Dar permisos de lectura al fichero: chmod a+r /etc/udev/rules.d/51 android.rules 43