Artigos, tutoriais e notícias

Como Gerar QR Code App Inventor

Publicado em 2017-04-20 15:24:21

Fala pessoal tudo bem com vocês? Bom venho aqui disponibilizar mais um tutorial sobre o App Inventor/Thunkable. 

Este tutorial foi retirado originalmente do site http://puravidaapps.com nos fizemos a tradução e adaptação para vocês.

Tutorial

O QR Code sera exibido no componente WebViewr, até o momento deste tutorial não era possível armazenar a imagem, do código gerado, no dispositivo. 

 a propriedade WebViewString facilita a construção do exemplo, onde ela fará a passagem de valores para o HTML.



Uma breve explicação do funcionamento:

No evento de clique ele verifica se o texto digitado não é vazio, caso seja será enviada uma mensagem avisando. Caso tudo ocorra como planejado ele pegará o valor digitado e atribuir a propriedade WebViewString que faz a passagem desse valor ao HTML.

Screenshot

  


O código abaixo pega o valor passado a propriedade WebViewString  e utiliza um plugin da biblioteca JQuery para gerar a imagem do QR Code.

Para que funcione este exemplo você precisa fazer o download do JQuery  (link de download) e fazer o upload do arquivo html para o projeto.

HTML / JAVASCRIPT



Artigo original http://puravidaapps.com/qr.php

Download do arquivo .aia 


Faça login para escrever um comentário



Comentarios