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.
Top Related