El paint Psicodelico

Estándar

Hola androidianos!!!!

Hoy lunes venimos cargados con una aplicación muy divertida, ¿A quién no le habria gustado tener un pain psicodelico?

Pues bien, aquí viene la explicación es muy sencillo.

Primero aclaremos unos conceptos que necesitaremos saber para entender bien el funcionamiento de este ejercicio.

La clase OnTouchListener => Es la encargada de estar a la escuchar de los posibles eventos que sucedan en la pantalla de nuestro móvil, por ejemplo, que toquemos la pantalla, movimientos deslizantes….

El método que vamos a utilizar para saber el momento justo de tocar la pantalla es onTouch(View v, MotionEvent event) 

Podéis obtener más información sobre esta clase en la documentación de android enlace aquí.

 

El método onDraw(Canvas canvas)  => Es el método que nos permite dibujar las figuras en nuestra pantalla

Ahora pasemos a ver el código para realizar nuestro app paint.

 primeraWordPress

La explicación es la siguiente:

  •  En el oncreate : Definimos nuestro layout, en este caso yo he utilizado un relativelayout, creamos una variable lienzo de la clase pantalla, y la añadimos al listener del touch, finalmente añadimos  a nuestro layout nuestra fondo, para que refleje los eventos necesarios.
  • A continuación pasamos a definir el onTouch, esta función va ser la que recoja las posiciones exacta de los toques de pantalla. En mi caso para guardarme las posiciones tanto del eje de las x como del eje de las y me he creado dos arraylist,   ArrayList<Integer> arl = new ArrayList<Integer>(), y, ArrayList<Integer> ary = new ArrayList<Integer>(),  con el método add voy guardando las coordenas que recoge el touchlistener.

Hasta aquí nuestra clase MainActivity.

  • Ahora pasaremos a crear la clase pantalla.

pantallaWordpress

Esta clase tiene que extender de view y tenemos el método onDraw, esto lo que nos permite es dibujar las figuras en nuestra pantalla.

En mi caso, he creado un array  de número que representan los colores en rgb pulsar para saber más.

con la clase random obtendremos cada vez que pulsemos la pantalla un número diferente que insertaremos en el tercer parámetro del método canavas.drawRGB, que es lo que nos va permitir que cada vez que pulsemos la pantalla cambie de color.

Ahora para pintar la figura tendremos que crearnos un objeto de la clase Paint que llamaremos pincel

con el método pincel1 .setARGB elegiremos el color de la figura que se nos va pintar en la pantalla ademas de la anchura….

ahora para que se pinte todo de forma continua sólo tendremos que pintar nuestro arraylist con la coordenada de x y de y y la ponemos en canava.drawCircule, en este caso la figura base que se pintara es un círculo.

Espero que os haya gustado esta pequeña explicación de como hacer nuestro paint aquí os dejo algunas capturas.

unodos

Si lo queréis puedo dejaros un enlace con el código fuente.

 

Un Saludo!!!