|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
T Búsqueda en este sitio:


.

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.

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información