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
____________________________
298.- Multitouch en Lienzo. Canvas.
p198_multitouch_canvas.aia
com.KIO4_MultitouchCanvas.aix
- Mediante esta extensión podemos tocar a la vez con distintos dedos en el Lienzo y obtener sus coordenadas, además dibujará un punto cuadrado en los lugares que se toquen.
- Para ellos ponemos un Disposición Horizontal o Vertical donde sus Propiedades Alto y Ancho estén en "ajustar al contenedor". Dentro ponemos un Lienzo, también sus Propiedades Alto y Ancho estén en "ajustar al contenedor".
- En esta página vamos a ver 3 ejemplos que utilizan esta extensión:
- Ejemplo 1.
____________________
- Diseño.
- Insertamos un Botón, dos Etiquetas y un DisposiciónVertical, dentro de éste ponemos un Lienzo.
- Tanto el DisposiciónVertical como el Lienzo ponemos sus Propiedades Ancho y Alto a Ajustar al contenedor.
- Además en el Lienzo he puesto PaintColor = rojo y LineWidth = 25
____________________
- Bloques.
_____________________________________________________________
- Ejemplo 2.
p198_multitouch_canvas_2.aia
com.KIO4_MultitouchCanvas.aix
____________________
- Diseño.
- Insertamos 4 Etiquetas y un DisposiciónVertical, dentro de éste ponemos un Lienzo. Dentro del Lienzo tres pelotas y un Sprite con una imagen.
- Observa que la Propiedad del Lienzo PaintColor (ColorDePintura) está en Ninguno.
- Tanto el DisposiciónVertical como el Lienzo ponemos sus Propiedades Ancho y Alto a Ajustar al contenedor.
- Podemos tocar a la vez varias zonas del Lienzo y obtener su posición y color. La Etiqueta4 se pondrá con color de fondo del primer dedo que ha tocado.
____________________
- Bloques.
_____________________________________________________________
- Ejemplo 3.
p198_multitouch_canvas_3.aia
com.KIO4_MultitouchCanvas.aix
____________________
- Diseño.
- Insertamos 4 Etiquetas y un DisposiciónVertical, dentro de éste ponemos un Lienzo. Dentro del Lienzo tres pelotas y un Sprite con una imagen.
- Observa que la Propiedad del Lienzo PaintColor (ColorDePintura) está en Ninguno.
- Tanto el DisposiciónVertical como el Lienzo ponemos sus Propiedades Ancho y Alto a Ajustar al contenedor.
- Podemos tocar a la vez varias zonas del Lienzo y obtener su posición y color. La Etiqueta4 se pondrá con color de fondo del primer dedo que ha tocado.
- Además con bloques de condición (Si ... entonces), según el color tocado sonará un sonido.
- El número de color tocado se observa en la Etiqueta3.
____________________
- Bloques.
__________________________
|