7/30/2019 Programacin de dispositivos mviles_9

1/14

Programacin de dispositivos mviles

Uso de Canvas

1

7/30/2019 Programacin de dispositivos mviles_9

2/14

Introduccin

2

En Android, la manera ms sencilla de dibujar grficos es sobre

un Canvas (lienzo) asociados a un View. Esta manera es la

adecuada para grficos estticos o de movimientos lentos.

Para aplicaciones en donde el rendimiento grfico es

fundamental, es conveniente utilizar SurfaceView, que es una

clase especializada.

Laapi de Android incluye la clase Canvas que contienemtodos para dibujar grficos en pantalla

drawLine

drawCircle, etc.

7/30/2019 Programacin de dispositivos mviles_9

3/14

Ejemplo

3

1. Daremos por hecho la creacin del proyecto de Android,

procederemos a incluir las libreras correspondientes:

7/30/2019 Programacin de dispositivos mviles_9

4/14

Ejemplo

4

2. La actividad implementar de la interface OnTouchListener,

que permitir la captura del evento onTouch. Con esto, la clase

debe de implementar el mtodo onTouch.

7/30/2019 Programacin de dispositivos mviles_9

5/14

Ejemplo

5

3. Definiremos el lienzo, as como las coordenadas donde se

dibujar una figura geomtrica (circulo). Las coordenadas

dependern del evento onTouch.

7/30/2019 Programacin de dispositivos mviles_9

6/14

Ejemplo

6

4. En el mtodo onCreate, debemos inicializar los atributos que

se definieron anteriormente.

setOnTouchListener indica que la clase

capturar el evento onTouch del objeto panel

(lienzo).

7/30/2019 Programacin de dispositivos mviles_9

7/14

Ejemplo

7

4. En el mtodo onCreate, debemos inicializar los atributos que

se definieron anteriormente.

Quita la barrita de ttulo.

La aplicacin aparece en toda la

pantalla

7/30/2019 Programacin de dispositivos mviles_9

8/14

Ejemplo

8

5. En el mtodo onTouch, debemos obtener las coordenadas

(x, y) de la seleccin que hizo el usuario con el dedo, es decir,

donde pulso se obtendrn las coordenadas, y se proceder a

pintar sobre el panel.

Borra el contenido del objeto panel y vuelve a

ejecutarse el mtodo onDraw.

7/30/2019 Programacin de dispositivos mviles_9

9/14

Ejemplo

9

6. onDraw crea un objeto de la clase Paint y dibuja un circulo de

color azul, en las coordenadas obtenidas con un incremento de

25, y con un radio de 10.

Hace que el lienzo sea ms suave.

7/30/2019 Programacin de dispositivos mviles_9

10/14

Ejemplo

10

7. Finalmente el cdigo completo

7/30/2019 Programacin de dispositivos mviles_9

11/14

Actividad 1.0

11

7/30/2019 Programacin de dispositivos mviles_9

12/14

Actividad

12

Realizar la modificacin al programa anterior, para que eneste caso se mantengan dibujados cada uno de los crculos,

cada vez que se presiona sobre la pantalla, e ir mostrando

el nmero de pulsaciones.

En un reporte indicar el cdigo empleado o modificado.Contemplar impresiones de pantalla que muestren la

ejecucin del mismo.*

*Se calificar la explicacin, resolucin y presentacin. Contemplar los puntosanteriores de la actividad del 10-05-13, excepto la fecha de entrega y la investigacin.

La fecha de entrega o envo ser el da mircoles a las 12:00 p.m. (enviar con correo

electrnico).

7/30/2019 Programacin de dispositivos mviles_9

13/14

Actividad 1.1.

13

7/30/2019 Programacin de dispositivos mviles_9

14/14

Actividad 1.1

14

Realizar una aplicacin (a su gusto), en donde se haga usode canvas e hilos.

Con respecto a dicha aplicacin se deber realizar un

reporte (bien explicado, por favor).

Fecha de entrega: 18 de mayo a las 10:00 p.m.

Tomar las consideraciones anteriores.