Práctica 1.

Creamos nuestro propio

bloc de dibujo
Actividad resuelta

Para la creación de nuestra aplicación nosotros hemos elegido esta interfaz, en la que como podéis
ver hay 4 botones (guardar, cierre, lápiz y goma), un deslizador (para el grosor del lápiz y la goma) y
un desplegable (para los colores del lápiz).

Todo ello, está organizado en tres “Disposicion horizontal”:

● En la disposición horizontal 1: encontramos los botones “Guardar” y “Cerrar”.

● En la disposición horizontal 2: encontramos el “Canvas 1”.
● En la disposición horizontal 3: encontramos los botones “Lápiz” y “Goma”, el deslizador y el
desplegable.

Las imágenes que hemos utilizado para los botones son imágenes elegidas desde Google.

La siguiente programación es la más importante, ya que aquí hemos colocado

todas las herramientas de edición de nuestro Paint:

1
● En la siguiente imagen tenemos los ejecutores de las herramientas. Para ello, hemos
creado una variable global llamada “Herramientas”. Dicha variable cambia dependiendo del
botón al que demos: “Lápiz”, “Goma” o “Deslizador 1”.
● La variables “posicionX” y “posicionY” nos servirán para que la aplicación detecte donde
estamos poniendo el dedo en el lienzo. Y la variable “grosor” nos indicará el tamaño del
lápiz y de la goma.
● El grosor cambiará, en base al valor que le otorgamos al Deslizador 1.

● Esta programación nos indica, que cuando arrastramos el dedo por pantalla seleccionará el
punto de inicio (XPrevio) y (YPrevio) y el punto final del trazado (XActual) y (Yactual). A esa
selección como hemos seleccionado el lápiz no creará el trazado que hayamos hecho. Si
seleccionamos la goma en este caso, pintará una línea blanca que nos borrará nuestro
dibujo.

Además, en esta programación también incluimos nuestro grosor de lápiz o de goma. Ese
valor como ya hemos dicho anteriormente, se recoge en la variable “grosor”.

2
● Para programar los colores que queremos utilizar, hemos utilizado nuestro desplegable
llamado “Colores”.

3
La visualización en nuestro dispositivo Android tendría que tener un aspecto similar a este:

4
5