SlideShare una empresa de Scribd logo
2
Lo más leído
3
Lo más leído
MIT App Inventor 2 (Pintar sobre una imagen o foto con el dedo)
En esta práctica vamos a crear una aplicación con MIT App Inventor 2 que nos
permitirá pintar sobre una imagen/foto con el dedo a modo de pinturas de
colores. Tal como se muestra en la imagen tenemos, en primer lugar, un
componente de tipo ListPicker (COLORES) que nos permitirá configurar una
lista de colores. El segundo componente es un botón (FOTO) mediante el cual
activaremos la cámara de nuestro smartphone para tomar una foto. En tercer
lugar tenemos un componente de tipo ImagePicker (IMAGEN) que utilizaremos
para traer a nuestro lienzo una imagen/foto guardada en la galería de nuestro
smartphone. Finalmente el botón BORRAR eliminará de la imagen los trazos que
hayamos pintado.
También se han añadido un componente de tipo Canvas (lienzo) que nos
permitirá pintar sobre la imagen y un componente de tipo Camera (cámara)
mediante el cual podemos acceder a la cámara del smartphone.
Diseño de los bloques de funcionalidad…
Resultados de la ejecución: 1) Al pintar sobre la imagen con distintos
colores, 2) Al tomar una foto que luego se mostrará en nuestro lienzo, 3) Al
cargar en nuestro lienzo una imagen de la Galería y 4) Al pulsar el botón
BORRAR se eliminan los trazos pintados.

Más contenido relacionado

PPTX
Riesgos y peligros de mares y océanos
PPTX
OXIDO NITROSO mi.pptx
PDF
2egb len-mat-eess-ccnn-f1
PDF
PPTX
INSTRUCTIVO DE PPE.pptx
PDF
jQuery Mobile :: Enlaces a páginas internas.
PDF
App Android MiniBanco
PDF
jQuery Mobile :: Cuadros de diálogo
Riesgos y peligros de mares y océanos
OXIDO NITROSO mi.pptx
2egb len-mat-eess-ccnn-f1
INSTRUCTIVO DE PPE.pptx
jQuery Mobile :: Enlaces a páginas internas.
App Android MiniBanco
jQuery Mobile :: Cuadros de diálogo

Destacado (14)

PDF
Cronómetro con MIT App Inventor 2
PDF
Configurar entorno Android
PDF
Acceso a BBDD mediante un servlet
PDF
Java AWT Calculadora
PDF
Java Thread Cronometro
PDF
Java AWT Tres en Raya
PDF
Word VBA
PDF
Sincronizar Threads
PDF
Java::Acceso a Bases de Datos
DOC
2.3 ejercicio hotel sol y playa-
PDF
Java HashMap
PDF
Funciones lógicas y condicionales
PDF
Excel regresión
PDF
Práctica Completa en Access
Cronómetro con MIT App Inventor 2
Configurar entorno Android
Acceso a BBDD mediante un servlet
Java AWT Calculadora
Java Thread Cronometro
Java AWT Tres en Raya
Word VBA
Sincronizar Threads
Java::Acceso a Bases de Datos
2.3 ejercicio hotel sol y playa-
Java HashMap
Funciones lógicas y condicionales
Excel regresión
Práctica Completa en Access
Publicidad

Similar a MIT App Inventor2 Pintar en Imagen (20)

PDF
App inventor
PDF
Introduccion a app inventor
PDF
Laboratori4.pdf laboraotrio 4 laboratorio
PDF
Desarrollo-de-Aplicaciones-Móviles-con-App-Inventor_ULS.pdf
PPTX
PPTX
Android
PPTX
Android
PPTX
Android
PPT
Control de proyectos app arduino I
PDF
Ensayo unidad 6
PPTX
AndroID
 
PDF
Andropid
PDF
Documento de Aplicación Movil
PPTX
Interfaz de app inventor 2
PDF
Guia iniciacion-app-inventor
PDF
Guia iniciacion-app-inventor
PDF
Guia iniciacion-app-inventor
PDF
Guia iniciación App Inventor
PDF
Guia iniciacion-app-inventor
App inventor
Introduccion a app inventor
Laboratori4.pdf laboraotrio 4 laboratorio
Desarrollo-de-Aplicaciones-Móviles-con-App-Inventor_ULS.pdf
Android
Android
Android
Control de proyectos app arduino I
Ensayo unidad 6
AndroID
 
Andropid
Documento de Aplicación Movil
Interfaz de app inventor 2
Guia iniciacion-app-inventor
Guia iniciacion-app-inventor
Guia iniciacion-app-inventor
Guia iniciación App Inventor
Guia iniciacion-app-inventor
Publicidad

Más de jubacalo (18)

PDF
Find File Servlet DB
PDF
Acciones JSP
PDF
Servlets que manejan datos de formularios HTML
PDF
Jsp directiva page
PDF
Elementos de script en JSP
PDF
Proyecto JSP
PDF
Explicación del código del Servlet HolaMundo
PDF
Servlet Hola Mundo con Eclipse y Tomcat
PDF
Crear Base de Datos en Oracle
PDF
Web de noticias en Ajax
PDF
Escenarios
PDF
Matrices02
PDF
Gráficos
PDF
Tabla Dinámica
PDF
Tabla de Datos
PDF
Textura de agua
PDF
Solver
PDF
Java Thread Cronometro
Find File Servlet DB
Acciones JSP
Servlets que manejan datos de formularios HTML
Jsp directiva page
Elementos de script en JSP
Proyecto JSP
Explicación del código del Servlet HolaMundo
Servlet Hola Mundo con Eclipse y Tomcat
Crear Base de Datos en Oracle
Web de noticias en Ajax
Escenarios
Matrices02
Gráficos
Tabla Dinámica
Tabla de Datos
Textura de agua
Solver
Java Thread Cronometro

Último (20)

PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PDF
Metodologías Activas con herramientas IAG
Lección 6 Escuela Sab. A través del mar rojo.pdf
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
ciencias-1.pdf libro cuarto basico niños
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Escuela Sabática 6. A través del Mar Rojo.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
caso clínico iam clinica y semiología l3.pptx
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Tomo 1 de biologia gratis ultra plusenmas
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
Metodologías Activas con herramientas IAG

MIT App Inventor2 Pintar en Imagen

  • 1. MIT App Inventor 2 (Pintar sobre una imagen o foto con el dedo) En esta práctica vamos a crear una aplicación con MIT App Inventor 2 que nos permitirá pintar sobre una imagen/foto con el dedo a modo de pinturas de colores. Tal como se muestra en la imagen tenemos, en primer lugar, un componente de tipo ListPicker (COLORES) que nos permitirá configurar una lista de colores. El segundo componente es un botón (FOTO) mediante el cual activaremos la cámara de nuestro smartphone para tomar una foto. En tercer lugar tenemos un componente de tipo ImagePicker (IMAGEN) que utilizaremos para traer a nuestro lienzo una imagen/foto guardada en la galería de nuestro smartphone. Finalmente el botón BORRAR eliminará de la imagen los trazos que hayamos pintado. También se han añadido un componente de tipo Canvas (lienzo) que nos permitirá pintar sobre la imagen y un componente de tipo Camera (cámara) mediante el cual podemos acceder a la cámara del smartphone.
  • 2. Diseño de los bloques de funcionalidad…
  • 3. Resultados de la ejecución: 1) Al pintar sobre la imagen con distintos colores, 2) Al tomar una foto que luego se mostrará en nuestro lienzo, 3) Al cargar en nuestro lienzo una imagen de la Galería y 4) Al pulsar el botón BORRAR se eliminan los trazos pintados.