Resumen clase Canvas

La clase Canvas representa una superficie donde podemos dibujar. Dispone de una serie de métodos que nos permiten representar líneas, círculos, texto.Para dibujar en un Canvasnecesitaremos un pincel (Paint) donde definiremos el color, grosor de trazo, transparencia,… También podremos definir una matriz de 3x3 (Matrix) que nos permitirá transformar coordenadas aplicando una translación, escala o rotación. Otra opción consiste en definir un área conocida como Clip, de forma que los métodos de dibujo afecten solo a esta área.

Veamos a continuación algunos métodos de la clase Canvas. No se trata de un listado exhaustivo y muchos de estos métodos pueden trabajar con otros parámetros, por lo tanto se recomienda consultar la documentación del SDK para una información más detallada.

Como acabamos de ver, la mayoría de los métodos de la clase Canvas utilizan un parámetro de tipo Paint. Esta clase nos permite definir el color, estilo o grosor del trazado de un gráfico vectorial.

Path

La clase Path permite definir un trazado a partir de segmentos de línea y curvas. Una vez definido puede ser dibujado con canvas.drawPath(Path, Paint). Un Path también puede ser utilizado para dibujar un texto sobre el trazado marcado.

Drawable

La clase Drawable es una abstracción que representa algo que puede ser dibujado. Esta clase se extiende para definir gran variedad de objetos gráficos más específicos. Muchos de ellos pueden ser definidos como recursos usando ficheros XML. Entre ellos tenemos los siguientes:

BitmapDrawable: Imagen basada en un fichero gráfico PNG o JPG. Etiqueta XML <bitmap>.

ShapeDrawable: Permite realizar un gráfico a partir de primitivas vectoriales, como formas básicas círculos, cuadrado o trazados Path. No puede ser definido mediante un fichero XML.

LayerDrawable: Contiene un array de Drawable que son visualizados según el orden del array. El índice mayor del array es el que se representa encima. Cada Drawable puede situarse en una posición determinada. Etiqueta XML<layer-list>

StateListDrawable: Similar al anterior pero ahora podemos usar una máscara de bits podemos seleccionar los objetos visibles. Etiqueta XML <selector>.

GradientDrawable: Degradado de color que puede ser usado en botones o fondos.

TransitionDrawable: Una extensión de LayerDrawables que permite un efecto de fundido entre la primera y la segunda capa. Para iniciar la transición hay que llamar a startTransition(inttiempo). Para visualizar la primera capa hay que llamar a resetTransition(). Etiqueta XML<transition>.

AnimationDrawable: Permite crear animaciones frame a frame a partir de una serie de objetosDrawable.

...