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


.

App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Prácticas de App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

7Z2.- Desplazamiento horizontal automático de imágenes. Carrusel. Sprite. Lienzo.

p7Z2_carrusel.aia

- Desplazamiento horizontal automático de imágenes.

- La imagen del ImageSprite1.Picture debe ser igual a la del ImageSprite6.Picture

- La imagen del ImageSprite2.Picture debe ser igual a la del ImageSprite7.Picture

- Es decir, la imagen del penúltimo Sprite debe ser igual al primero, la imagen del último Sprite debe ser igual al segundo.

- La ImageSprite.Y debe ser 0 en todos los ImageSprite

- La ImageSprite.Z debe ser 1.0 en todos los ImageSprite.

- HorizontalArrangement.AlignHorizontal: centrado (Center)

- HorizontalArrangement.AlignVertical: arriba (Top)

- Es conveniente que las imágenes tengan la misma altura.

- Las imágenes pueden tener distinto ancho.

- all_width es la suma de todos los anchos de las imágenes, en mi caso tengo 5 imágenes, 250 x 5 = 1250

_________________
- Diseño.

 

- Observa que todas las imágenes tienen la misma altura (125)

_________________
-
Bloques.

________________________________________
________________________________________
________________________________________

2.- Parada automática de un segundo en cada imagen.

p7Z2_carrusel_v2.aia

- Cuando la imagen está centrada se para durante un segundo y luego continua el desplazamiento.

- Las imágenes deben tener el mismo ancho.

_________________
-
Bloques.

________________________________________
________________________________________
________________________________________

3.- Indica número de la foto anterior.

p7Z2_carrusel_v3.aia

- Cada vez que se para en una foto, muestra el número de la foto anterior.

- Las imágenes deben tener el mismo ancho.

_________________
-
Bloques.

 

________________________________________
________________________________________
________________________________________

4.- Imágenes de internet.

p7Z2_carrusel_v4.aia

- La imagen del Sprite1 y el Sprite6 es una imagen directamente de internet. (la misma imagen).

_________________
-
Bloques.

________________________________________
________________________________________
________________________________________

5.- Foto con la cámara, a CloudDB. Se recupera de CloudDB y se muestra en el carrusel .

p7Z2_carrusel_v5.aia

- Realiza una foto con la Cámara en horizontal.

- Pulsando un botón: esa foto se guardará en el ASD, con el nombre de foto3.jpg

- Además cambiará su ancho a 250 mediante una extensión.

- Después se subirá a CloudDB con el tag my_foto.

- Si pulsamos otro botón: se obtendrá el archivo de la CloudDB y se insertará en el carrusel.

--------------------------------------------------------------------------------------------------------------------

- Observa que al principio se crea el directorio ASD/AppInventorBinaries, ese directorio se debería crear automáticamente sin necesidad de bloques, en las próximas versiones de App Inventor (actual nb189a) no será necesario crearlo mediante bloques. En ese directorio se bajará el archivo de CloudDB.

- Toma una foto con la cámara en horizontal.

- Al pulsar un Botón:

- El archivo de la foto obtenida se moverá al directorio ASD con el nombre: foto3.jpg

- Se cambiará su ancho a 250 mediante la extensión de Taifun: Image Extension.

- El archivo obtenido se guardará en CloudDB mediante el tag: my_foto

- Al pulsar el otro Botón:

- Se obtendrá el archivo desde CloudDB.

- Se mostrará ese archivo en Image2.Picture.

- Se cargará en el Sprite3.Picture la Image2.Picture

- Se iniciará el movimiento del carrusel (tardará unos segundos en arrancar).

_________________
-
Bloques.

__________________________________

 

- 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