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 5 Próxima »

Função

Esse componente gera um código QR a partir do texto informado pelo bloco de programação Alterar valor do campo (cliente ou servidor).

Figura 1 - Ao ler esse QR Code você verá a frase “Olá mundo!”

QR Code

Código QR (sigla do inglês Quick Response, resposta rápida em português) é um código de barras bidimensional que pode ser facilmente escaneado usando a maioria dos telefones celulares equipados com câmera. Esse código é convertido em texto (interativo), um endereço URI, um número de telefone, uma localização georreferenciada, um e-mail, um contato ou diversas outras informações. Veja mais detalhes em Código QR.

Principais propriedades

Nome

Propriedade

Função

Valor

ng-model

Propriedade AngularJS que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

Alterar valor do componente

Para alterar o conteúdo Código QR, utilize o bloco Alterar valor do campo (categoria Formulário) nas funções de blocos de programação Servidor ou cliente (mobile e web).

Na janela do bloco de programação, acesse a janela de configurações do bloco de programação (item 1 da figura 2) e no campo Formulário de Referência selecione a página onde está o componente QR Code. Arraste o bloco Alterar valor do campo, selecione no parâmetro Campo o componente QR (item 2 da figura 2) e insira o texto que será exibido no QR Code no parâmetro Valor do bloco.

Após isso será necessário configurar um evento para executar o bloco de programação, como por exemplo, o evento Ao iniciar (ng-init) do próprio componente.

Figura 2 - Inserindo conteúdo no componente QR Code


Após a configuração do exemplo da Figura 2, o QR Code exibirá o texto “Olá mundo!”, como na Figura 1.

Ajustar tamanho da imagem

O tamanho da imagem pode ser ajustado clicando no ícone de Redimensionar elemento, como na Figura 3 e, em seguida, arrastando as laterais da imagem ou clicando nos ícones de menos (para diminuir) e mais (para aumentar). O ajuste também pode ser feito ajustando o Estilo do componente.


Figura 3 - Redimensionar elemento


Observações

O código QR é uma série de códigos em uma imagem quadrada. Caso o ajuste realizado na imagem não esteja no formato correto, a imagem será reajustada na aplicação para que todos os lados tenham o mesmo tamanho do menor lado definido. 

Nome em inglês

QR Code


Nessa página


Compatibilidade

  • Formulário web


Equivalente mobile

Código QR (mobile)


Botão do Componente


Imagem no Editor Visual



  • Sem rótulos