App inventor 2 cronometro
1 recomendación3,367 vistas
Este documento describe la creación de una aplicación cronómetro en App Inventor 2. Explica cómo se diseñó la interfaz de usuario con componentes como etiquetas y botones. También describe el uso de un componente oculto "Reloj" que activa eventos de temporizador a intervalos regulares para controlar el cronómetro. Finalmente, explica cómo se programó la lógica de la aplicación usando bloques para iniciar, detener y restablecer el cronómetro y actualizar los dígitos cada segundo.
App inventor 2 cronometro
- 1. IESTP “RAMON COPAJA” Lic. Noé ARPASI JIMENEZ -1- APP INVENTOR 2 - CRONOMETRO En la vista de diseño (construimos el entorno del usuario), colocamos en la pantalla componentes de tipo label para los dígitos del cronómetro (minutos MM y segundos SS) y componentes de tipo Button para los tres botones (Iniciar, Parar, Resetear), tanto como se observa en la figura del árbol de componentes (Components), tanto el bloque de dígitos como el bloque de botones están dentro de un Layout de alineación horizontal (LayoutDigitos_HA y LayoutBotones_HA). Como se observa en la figura anterior también se ha añadido en el diseño un componente oculto “Clock1” o Reloj. Este elemento proporciona un contador de tiempo que activa el evento “Timer” a intervalos regulares en la aplicación. Nota: Uno de los usos del componente reloj es emplearlo como temporizador (timer): una vez definido un intervalo de tiempo (1000 ms por defecto = 1 segundo), el temporizador se disparará en cada intervalo, activando un evento de temporizador. Las propiedades del componente Clock que hemos usado en la aplicación son: TimerInterval Intervalo del temporizador en milisegundos. TimerEnabled Si es verdad, entonces el temporizador se activará. Pasamos ahora al App Inventor Blocks Editor (Aquí construimos el comportamiento), para montar el puzzle que implementa la lógica de la aplicación, es decir, su funcionalidad. 1º Iniciamos a 0 los dígitos del crono. Este bloque es el primero que se debe ejecutar al iniciar la aplicación.
- 2. IESTP “RAMON COPAJA” Lic. Noé ARPASI JIMENEZ -2- 2º Fijamos el comportamiento para cada uno de los botones Al hacer Click en el botón btnInicar habilitamos el reloj y fijamos la frecuencia a 1000 para que dispare un evento de reloj cada segundo. Al hacer Click sobre el botón btnResetear volvemos a cero todos los dígitos Para finalizar, componemos el bloque que contiene la lógica que se ejecutará cuando se dispare el evento de reloj cada segundo. Aquí mediante el uso de if-else se va modelando el comportamiento de un crono para que conforme van aumentando los segundos aumenten los minutos.