- Criado por Thalina Edington Vieira, última alteração em 14/01/2021
Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
« Anterior Versão 10 Próxima »
O QR Code é uma versão avançada bidimensional (tanto horizontal como vertical) do código de barras, com mais funções e composto de padrões de pixels em preto e branco. O uso dessa tecnologia é livre e as empresas costumam utilizá-la para oferecer mais informações e conteúdos exclusivos por meio de links.
O plugin Gerar QR Code gera um código QR ("Quick Response" - Resposta Rápida) em formato de imagem (png, jpg) de acordo com a informação passada.
Configuração
Para habilitar essa funcionalidade, é necessário adicionar o plugin Gerar QRCode ao projeto.
Adicionar plugin
No menu de sistemas, clique na aba Plugin e selecione Adicionar novo plugin. Pesquise pelo plugin Gerar QRCode, selecione-o, clique em Avançar e, na próxima janela, clique em Finalizar a instalação.
Figura 1.1 - Adicionar novo plugin
Será exibida uma janela informando as alterações necessárias para a instalação do plugin. Clique em Salvar.
Figura 1.2 - Alterações feita pelo plugin no projeto
Bloco de Programação
Após instalar o plugin, nos blocos de programação do tipo Servidor aparecerá a categoria QRCode e o bloco Gerar QRCode.
Figura 2.1 - Bloco Gerar QRCode
- Conteúdo: Informação que será exibida ao ler o código;
- Formato: Formato da imagem que será gerada;
- Largura¹: Largura do código;
- Altura¹: Altura do código.
¹ O QR Code tem o formato quadrado. Por isso, ele será definido de acordo com a menor medida.
Exemplo
O exemplo abaixo receberá o conteúdo e o nome do arquivo do usuário da aplicação e o ao clicar no botão, será iniciado o download do código.
Vamos iniciar inserindo dois componentes de Entrada de Texto e um Botão no formulário. Salve o formulário.
Figura 3.1 - Inserindo componentes no formulário
Em seguida, crie um bloco do tipo Servidor chamado "GerarQRCode".
Figura 3.2 - Função para gerar código QR
Em Configuração dos tipos de regras, vincule o bloco de programação ao formulário da Figura 3.1 ;
- Crie a variável "conteudo" e arraste o bloco de Atribuir variável (categoria Variáveis) correspondente à ela. Associe o bloco Obter valor do campo (categoria Formulário), no parâmetro Campo selecione o valor da entrada de texto onde será informado o conteúdo: vars.conteudo.
- Repita o passo 2. No entanto, crie a variável "nome" e no parâmetro Campo, selecione o valor da entrada de texto onde será informado o nome do arquivo: vars.nome.
- Arraste o bloco Iniciar download com o campo Arquivo/Path/Bytes (categoria Arquivo):
- Associe o bloco Gerar QRCode (categoria QRCode). No parâmetro Conteúdo, associe a variável "conteudo", no Formato deixe PNG selecionado e defina a Largura e Altura para 500.
- No parâmetro Nome, associe a variável "nome".
Volte ao formulário da Figura 3.1, selecione o Botão, depois vá até os Eventos e associe a função "GerarQRCode" no evento Ao Clicar.
Figura 3.3 - Associando o bloco do evento Ao Clicar
Por fim, rode o projeto, abra a aplicação no navegador, preencha os dados e clique no botão. Preencha o nome do arquivo junto com a extensão. O navegador abrirá o explorador de arquivos, salve o arquivo onde preferir.
Figura 3.4 - Preenchendo os dados na aplicação
- Sem rótulos