ncoge

mi sitio de apuntes

Práctica 3 de App Inventor segunda parte

Sacado y adaptado de http://appinventor.mit.edu/explore/ai2/paintpot-part2.html

Partimos de la práctica 3 que dejamos con 4 botones y un lienzo tal y como podemos ver aquí:

práctica 3

práctica 3

Comenzamos

Abre el proyecto práctica 3 y guárdalo con un nuevo nombre para modificarlo en mi caso practica3_parte2

Creamos las variables

El ancho del pincel de dibujo que se usa en el evento DrawingCanvas.Touched y en Drawing.DrawCircle, viene dado por el parámetro r. r sería el radio del círculo que es igual a 5. Para cambiar su ancho podemos usar valores diferentes. Usaremos r = 2 para pequeños puntos y r = 8 para los puntos anchos.

Desde el editor de bloques crea una variable global y llámala small, luego asígnale un valor de 2:

Selección_150
Después crea una nueva variable, llámala big y asígnale el valor 8:

Selección_156
Y la última que indica el tamaño:

Selección_152

Usando las variables

 

Cambia en el evento Touched de nuestro lienzo el radio de la brocha para que use el valor de la variable dotsize:

Selección_153

Cambiando el valor de la brocha

Añade dos botones a la pantalla para asignar nuevos valores a la brocha, small y big.

Selección_154

Haz que cambie el valor de la brocha, usando los botones recién creados.

Selección_155

Ejecuta y prueba el programa, verás que al pulsar sobre la imagen el tamaño de los puntos cambia, pero, si intentas hacer hacer lineas verás que el tamaño no cambia. Intentan añadir los cambios que faltan para que funcione.

Aspecto final de la práctica 3 segunda parte

Aspecto final de la práctica 3 segunda parte

El fichero del proyecto y el apk para poder instalarlo en tu teléfono aquí.

Ejercicio: cambia los botones Brocha grande y Brocha pequeña por el símbolo + y el – y haz que el tamaño de la brocha se incremente o decremente en 1 según el botón pulsado. Evita también que la brocha sea menor de 1 y mayor de 10.

2 Comentarios

  1. Me parece interesante, pero al hacerlo solo se nme hace grande los puntos, no las lineas, me podrias ayudar?

Deja un comentario

Tu dirección de correo electrónico no será publicada.

*

© 2017 ncoge

Tema por Anders NorenArriba ↑