Como fazer um aplicativo que desenha sobre foto com Thunkable/utilizando image picker


  Nesse tutorial vamos vamos criar um aplicativo que seleciona uma imagem da galeria e faz desenhos sobre ela, apenas para fins didáticos, para entendermos o funcionamento do elemento image picker do thunkable.

  Se você não conhece a plataforma Thunkable, então acesse esse LINK com tutoriais para iniciantes.
  
  
  Já com o thunkable aberto, vamos adicionar os elementos gráficos, o primeiro elemento será um Button, que vai servir para apagarmos nosso desenho, depois vamos utilizar uma Image Picker, responsável por selecionar nossa imagem para desenhos, por ultimo adicionamos um Cavas, que será nossa área de desenhos.




 Vamos renomear os nomes dos elementos de tela, o Button será "Apagar", e a Imagem Picker vai se chamar "Selecionar imagem"







     Aqui já fizemos tudo, vamos programar em blocos.
 Abra Blocks , e vamos iniciar nosso botão apagar como invisível, ele só vai aparecer após iniciarmos nossa tela de desenhos.



 Em sequencia temos nosso bloco de seleção de imagem, e aqui que acessaremos nossa galeria e de onde vamos escolher a fotografia para desenhar sobre ela, e reparem que nosso botão apagar passa para visível, então a partir desse momento já podemos apagar.





 Aqui nós determinamos a nossa área de desenhos no Canvas.



 E por fim, vamos dar vida ao nosso botão Apagar.  Então toda vez que pressionarmos o botão apagar, toda área do Canvas será apagada, com exceção da foto.




 O nosso aplicativo já etá pronto, e vai iniciar dessa forma.
 E quando clicarmos em selecionar imagens, será aberto a galeria de fotos, selecionemos nossa foto,e a mesma será exibida na tela, na área do Canvas.









 Então só tocar na tela e fazer seus desenhos.



   Grande abraço, qualquer duvida deixem nos comentários.













Nenhum comentário:

Postar um comentário