Al igual que en las aplicaciones anteriores creamos un proyecto:
Y agregamos un lienzo:
Ahora volvemos a editar el lienzo y ponemos que el ancho-largo se ajuste al contenedor, para esto apretamos en la sección de componentes el lienzo y a la derecha aparecerán las propiedades
Ahora antes de pasar a la sección de bloques tenemos que tener en cuenta ciertos datos, primero para poder dibujar una recta es necesario indicar el punto de inicio y punto final, para lo anterior debemos tener 3 variables: inicio_x, inicio_y y activado.
Las variables 1 y 2 serán las que almacenarán las coordenadas del punto de inicio, que es la posición que se obtiene cuando se toca la pantalla por primera vez, ambas coordenadas tendran los datos (0,0) lo que corresponde al extremo superior izquierdo.
La variable activado cambia su estado a cierto después de hacer el primer toque en la pantalla y volverá a cambiar después de dibujar la línea. Es decir, nos indica si se está en modo de dibujar el segmento o no, o de otro modo, si se comenzó a dibujar el segmento.
Ahora avanzamos a la sección de bloques:
Seleccionamos VARIABLES
Tomamos el siguiente bloque:
cambiamos el nombre al de las variables anteriores:
Ahora agregamos desde la seccion de matematicas 0 al inicio x e y
y desde logica un falso para el activado:
Ahora creamos las variables fin x e y igual que las de inicio:
Ahora para que todo funcione debemos agregar un bloque que capture el evento de tocar la pantalla de esta forma indicar el inicio y fin del segmento
Ahora el algoritmo que usaremos para dibujar la linea sera el siguiente:
SI la variable activo es falsaestamos realizando el primer toque a la pantalla por lo tanto debemos almacenar las coordenadas en inicio_x e inicio_y y cambiamos el estado de la variable activado.
Si no preguntamos por la variable activado nuevamente para saber si estamos en modo segmento, si es cierta entonces estamos en el segundo toque, por lo tanto debemos almacenar las coordenadas del segundo toque en las variables fin_x y fin_y. Y luego llamar a Canvas o lienzo para que dibuje la línea. Después de dibujar la línea cambiamos el estado de la variable activado.
Se agrega el siguiente bloque:
Tomamos el siguiente bloque de lógica
Tomamos el siguiente bloque de variables:
De logica el bloque falso:
Ahora tomamos desde variables 3 poner:
Vamos al bloque anterior y ponemos tomar x e y
Quedando de la siguiente forma:
y a activado le ponemos un cierto desde lógica:
y lo insertamos en el bloque amarillo anterior:
insertamos un bloque si entonces y duplicamos el bloque verde de arriba sin embargo este cambiamos falso por verdadero:
y le insertamos el siguiente bloque semejante a los anteriores
Desde lienzo insertamos el siguiente bloque:
Desde variable tomamos el bloque tomar 4 veces y lo insertamos de la siguiente forma:
Agregamos los siguientes bloques:
Ahora lo agregamos al bloque inicial quedando de la siguiente forma:
Agregamos otro bloque aparte:
Ahora volvemos al modo diseñador y agregamos una disposición horizontal
Ademas agregamos 2 botones uno al lado del otro:
Ahora editamos el boton cambiando el nombre y si quieren color poniendo LINEA y CIRCUNFERENCIA:
Volvemos al modo bloques y agregamos el siguiente:
Agregamos el 1 y cambiamos el nombre a figura
Agregamos los siguientes dos bloques:
y agregamos un 2
Ahora para poder realizar el algoritmo de la circunferencia podemos duplicar el de la recta solo que en este caso cambiaremos el bloque morado:
Ahora quitamos el bloque morado y agregamos el siguiente bloque:
Ponemos los siguientes bloques:
y agregamos el siguiente bloque para poder calcular el radio:
Ahora debemos tomar otro bloque poner y un falso de la siguiente manera:
y ponerlos abajo del bloque dibujar circulo junto al del radio:
y todo el bloque unirlo al bloque anterior:
Se pone el siguiente boton desde lienzo y boton:
y se inserta en el bloque anterior de boton:
Comentarios
Publicar un comentario