¿Ahora te gustaría aprender a crear una aplicación donde puedas dibujar lineas y circunferencias? Aquí te enseñaré a lograrlo
¡¡¡¡¡VAMOS ALLÁ!!!!!
Como muy bien sabes, para hacer una aplicación que implique dibujar en tu pantalla de celular, lo primero que hay que hacer es ingresar al MIT App inventor, con tu cuenta Google y luego crear un nuevo proyecto, puedes poner el nombre que quieras, pero en nuestro caso le colocaremos proyecto_figura1. Este proyecto lo utilizaremos para hacer un prueba y error cuando dibujemos por ejemplo una linea.
Todo dibujo de línea o circulo que se realice en el Screen1 debe estar contenido en un lienzo. Seleccione en Paleta / Dibujo y animación y arrastre Lienzo al Screen1 (pantalla de celular)
Nota: En propiedades del Lienzo cambiar el Alto y Ancho por Ajustar al contenedor.
Nótese que el contenedor en la pantalla es nuestro celular virtual.
El Lienzo es el único que puede dibujar puntos, líneas, círculos o circunferencias, cambiar el color de un objeto, entre otras herramientas que puede modificar.
Para dibujar a mano alzada, es decir, tocar la pantalla del móvil y arrastrar el dedo, basta cargar el bloque Cuando Canvas1 .Arrastrado
Luego debemos llamar a que Canvas1 dibuje una línea, para ello cargamos el bloque
Experimenta con los valores XInicial, YInicial, XActual e YActual para x1,y1,x2 e y2 respectivamente y observa lo que ocurre
Conecta tu celular al MIT y prueba a ver que sucede, ¿aparece algo así?
Si es así, vamos por buen camino, continuemos.
Cambia nuevamente los valores de XInicial e YInicial por XPrevio e YPrevio y observa lo que ocurre.
¿Qué ocurre?
Ahora comenzaremos a programar para dibujar la linea y la circunferencia, para esto agregaremos la opción de color y variación de ancho del trazo.
En el modo de Diseño agrega dos botones para cambiar el color la aplicación. Previamente los botones deben estar alineados, para ello debemos cargar un contenedor que acomoda los objetos, este se encuentra en Paleta / Disposición. Seleccione el DisposiciónHorizontal y arrástrelo a la parte superior del Screen1
Luego arrastra dos botones , que se encuentran en Interfaz de usuario, al contenedor DisposiciónHorizontal.
En propiedades cambiar el color de los botones.
Cámbiale el nombre a los botones, esto debes hacerlo en Propiedades el botón y cambiar texto para botón por los nombres de los colores.
Para lograr dibujar una linea debes construir el siguiente algoritmo:
Para obtener lo siguiente cuando pruebes la aplicación en tu teléfono:
Si aún no lo logras puedes intentar siguiendo el video a continuación, se que lo lograrás MUCHA SUERTE.
No hay comentarios:
Publicar un comentario