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
___________________________
7O.- Deslizador con el Lienzo. Scroll horizontal y vertical. Movimiento de un Sprite.
p7O_deslizador_lienzo.aia
- Vamos a realizar un Deslizador Vertical y otro Horizontal mediante Lienzo y Sprites.
- Al mover los Deslizadores se moverá una Imagen Sprite_Android en el Lienzo negro central.
- También se puede mover el Sprite_Android deslizándolo mediante el dedo.
_________________
- Diseño.
- DisposiciónHorizontal1 tiene fondo verde.
- DisposiciónHorizontal2 tiene fondo azul.
- Lienzo Horizontal rojo: Ancho: 85 per cent. Alto: 20 pixeles.
- Lienzo Vertical naranja: Ancho 20 pixeles. Alto: 80 per cent.
- Lienzo_negro, aquí irá el Sprite_Android.
- Los Scoll_H Scoll_V y Sprite_Android, son estas imágenes:
- Importante para que las imágenes scollh y scollv estén bien situadas en su respectivos lienzos, en las Propiedades de cada uno establece X = 0 y Y = 0
_________________
- Bloques.
_________________
- Comentarios.
- En el Sprite1.Arrastrado he puesto XActual - Ancho/2 etc. para que la imagen esté centrada en dedo deslizador.
_________________
- Propuestas.
- Establece en el lienzo_negro una imagen de fondo y modifica al Sprite_Android para que tenga fondo transparente, lo puedes hacer desde aquí:
http://www198.lunapic.com/editor/?action=transparent
- Modifica el código para mover el Sprite_Android con la mirada.
__________________________________
|