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.

__________________________