App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando
-- Tutorial de iniciación de App Inventor 2 en español --
Volver al índice del tutorial
____________________________
56B.- Reloj Vector.
p56b_reloj_vector.aia
- Presentación.
- Como complemento a los tutoriales anteriores sobre vectores vamos a realizar una aplicación en donde se dibujarán automáticamente vectores de colores.
- Cuando arranca la aplicación se dibuja una serie de vectores simulando el segundero de un reloj (aunque irá en sentido contrario).
________________________________________
- Diseño.
- Insertamos un Lienzo, un Botón, una Etiqueta y un Reloj.
- Al Reloj1 le pondremos un IntervaloDelTemporizador de 10, esto establecerá la rapidez con la cual se dibujan los vectores, más adelante lo cambiaremos para aumentar la rapidez.
- Ponemos el Ancho de línea en el Lienzo de 4.
________________________________________
- Bloques.
________________________________________
- Comentarios.
- Cuando arranca la aplicación se dibujan los ejes.
- Entra en funcionamiento el Reloj, cada 10 ms ejecuta su código interno.
- Se incrementa el ángulo en 1 grado, cada vez que pasan 10 ms.
- Se calcula la componente horizontal y vertical de un vector de módulo la mitad del ancho del lienzo.
- Se posiciona el punto de ese vector en la pantalla, hay que tener en cuenta que la base es el centro de la pantalla.
Ancho.Lienzo / 2 + horizontal
Alto.Lienzo / 2 - vertical
- Se pone un color aleatorio de ColorDePintura. (Rojo - Verde - Azul)
- Se dibuja el vector desde el punto que ha salido al centro de la pantalla.
- Se muestra en la Etiqueta1 los valores con dos decimales.
- Si el ángulo va progresando y supera los 360º, vuelve a valer 0º
__________________________
- Si cambias el valor del Intervalo del Reloj irá más o menos rápido.
__________________________________
|