Aplicacion para dibujar a mano alzada

 Esta nueva aplicación tiene como objetivo el poder dibujar figuras geométricas en la aplicación usando la pagina de app inventor, en caso de no saber como usar la pagina de app inventor te invito a que entres en la pagina anterior de ¿Cómo usar app inventor?

Pasoooo numero 1: Creamos el nuevo proyecto y le asignamos un nombre



Ahora una vez creado el proyecto tendremos la siguiente vista:


En la seccion de dibujo y animacion seleccionar lienzo y arrastrar a la pantalla:

Al presionar el componente lienzo veras al lado derecho una barra de propiedades, en esta pondremos que el ancho y el largo del lienzo será ¨ajustar al contenedor¨

Ahora iremos a la zona de bloques, para esto se debe apretar en el siguiente botón:




Ahora seleccionamos donde dice lienzo: 

Ahora en el siguiente bloque: 

Lo arrastramos a la pantalla de la derecha:


Ahora buscamos el siguiente bloque en la misma sección para que el lienzo dibuje


lo arrastramos hasta el bloque amarillo:
Y ponemos los siguientes bloques de esta forma: 


Volvemos al modo anterior y insertamos una disposición horizontal desde la sección de la paleta llamada disposición:


Ahora en la sección de interfaz de usuario tomamos dos botones y los dejamos en la disposición vertical de la siguiente forma: 

Vamos a propiedades y cambiamos el color que nos parezca mejor además del nombre (donde dice texto):









Volvemos a la sección de bloques, apretamos el botón 1 y posteriormente el cuando botón uno se haga click (primer bloque):



Luego en lienzo seleccionamos el siguiente bloque y lo colocamos en el bloque de botón



Ahora podemos agregar un nuevo boton al lado de los dos anteriores lo editamos y le asignamos el nombre borrar:





Volvemos a la ventana de bloques y duplicamos el bloque de botón, cambiamos el Boton 2 en este caso por Boton 3, ademas de el ColorDePintura por ColorDeFondo y agregamos el color blanco para borrar lo dibujado
Ahora por ultimo agregamos un nuevo Boton para hacer un 3er color en este caso verde:






Ahora volvemos al modo diseñador y probamos la aplicación para ver si todo funciona bien:









En caso de que tengas algún problema o simplemente quieras comparar puedes hacer click AQUI para descargar el archivo fuente de la aplicación.







Comentarios

Entradas populares de este blog

Como crear tu primer juego usando app inventor

Como usar app inventor