Hub

    Criando um Leitor de QR Code

    Criando um Leitor de QR Code

    No Builder, durante a criação de uma aplicação, é possível adicionar um leitor de QR Code à interface. Esse leitor pode ser configurado para escanear códigos QR ou códigos de barras, além de oferecer diversas opções de personalização.

    Passo a passo para adicionar um leitor de QR Code

    1. Acesse as configurações da aplicação

    • Na tela de criação da aplicação, localize o ícone de e clique nele.

    2. Adicione o componente de leitura de QR Code

    • No menu de configurações, localize a seção Componente UI5.
    • Selecione a opção Scan (QR Code).

    3. Configure o leitor

    Após selecionar o componente, uma nova seção chamada Leitor será aberta. Aqui, você poderá personalizar o funcionamento do QR Code:

    • Dinâmico ou estático: Escolha se o leitor será dinâmico ou não.
    • Tipo do código: Defina se ele irá ler QR Code ou Código de Barras.
    • Posição do leitor: Escolha se ele será exibido antes ou depois do campo.
    • Ícone do botão: Defina qual ícone será exibido no botão do leitor.
    • Estilo do botão: Escolha entre os seguintes estilos:
      • Default (Padrão)
      • Accept (Aceitar)
      • Reject (Rejeitar)
      • Transparent (Transparente)
      • Ghost (Fantasma)
      • Emphasized (Enfatizado)
    • Som de bip: Configure se o leitor emitirá um som ao escanear um código.
    • Exibição do botão: Escolha se o leitor será exibido apenas como um botão ou se terá um campo de entrada associado.
    • Exibição de texto: Determine se haverá um texto explicativo ao lado do botão.
    • Tamanho do botão: Ajuste o tamanho do botão do leitor.

    4. Visualize no Application

    Após finalizar as configurações, o leitor de QR Code será adicionado à interface da aplicação. No Application, você poderá testar a funcionalidade e verificar o comportamento do leitor configurado.