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
___________________________
54G_2.- Disposición Vertical Visible o no Visible. Centígrados. Fahrenheit. Configuración (II).
p54G2_pasar_datos_configuracion.aia
- Este tutorial está basado en el tutorial anterior: 23G_datos_pantalla_config1.htm
- En la Screen1 dentro de una DisposiciónVertical1, vamos obteniendo y mostrando aleatoriamente grados centígrados entre los valores 20 y 45. También se muestra suma incremental de distancia, es decir se va sumando la distancia actual a otro tramo generado por un número aleatorio comprendido entre 1 y 4.
- Estos números se van mostrando cada segundo mediante un Reloj con Intervalo = 1000
- Se muestran en sendas Etiquetas con su magnitud (tipo_grado y tipo_distancia), en este caso ºC y km:
34 ºC
76 km
- Queremos poder mostrarlos también en grado Fahrenheit y en millas, para eso ponemos una DisposiciónVertical2.
- Esto es algo parecido a lo que vimos en el tutorial: 82D_centigrados.htm
- Pero en esta ocasión, la elección de magnitud se realiza en la misma pantalla pero haciendo Visible o no Visible un par de DisposiciónVertical.
- Debemos hacer Visible una DisposiciónVertical u otra según queramos ver valores y configurar el tipo de magnitud.
- En la DisposicionVertical2, mediante CasillasDeVerificacion, elegiremos entre ºC y ºF y también entre km y millas.
- Cuando visualicemos la DisposiciónVertical1, dependiendo si tenemos ºC o ºF se mostrará directamente en ºC o se hará la conversión a ºF. (F = 1.8 * C + 32 )
- Lo mismo con la distancia, si queremos kilómetros se mostrará directamente, si queremos millas, se hará la conversión a millas. (millas = 0.621 * km)
_________________
- Diseño.
1.- Creamos una DisposiciónVertical1. Establecemos en sus Propiedades en Diseño. Ancho y Alto: Ajustar al contenedor, para que ocupe toda la pantalla.
2.- Dentro de esa DisposicionVertical1 ponemos un Botón1 y Etiqueta1 y Etiqueta2.
3.- Una vez establecido esos componentes, volvemos a las Propiedades en Diseño de la DisposicónVertical1 y desmarcamos Visible, para que no se vea.
------------------------------
4.- Ahora creamos una DisposiciónVertical2. Establecemos en sus Propiedades en Diseño. Ancho y Alto: Ajustar al contenedor, para que ocupe toda la pantalla.
5.- Dentro de esa DisposiciónVertical2 ponemos un Botón2, Etiqueta3, Etiqueta4 y cuatro CasillasdeVerificación.
- Es decir, vamos marcando o no la casilla de Visible, según queramos ver una u otra DisposiciónVertical.
- Tambíen se pueden marcar las dos casillas de Visible y se verán las dos DisposiciónVertical.
- Observa que todo se ha realizado en la misma pantalla, es decir la Screen1.
- Por eso todos los datos son comunes a las dos DisposiciónVerticales ya que están en la misma pantalla.
_________________
- Bloques.
_________________
- Comentarios.
- Cuando la aplicación se esté ejecutando, según pulsemos el Botón1 o el Botón2, se hará Visible una de las DisposiciónVertical y se ocultará la otra.
_________________
- Propuesta.
- Crea otra opción que tenga tres CasillasDeVerificación, por ejemplo: Centígrados, Fahrenheit y Kelvin.
__________________________________
|