SORGES / SORGES LIGHT – Visualizando dados em lista e grid de imagens

Neste artigo, aprenderemos a carregar imagens para os cadastros que possuem este recurso, e como usar ela para alternar a visualização dos cadastros entre lista e grid de imagens.

Vários cadastros do sistema permite incluir uma imagem. São exemplos o cadastro do cliente/fornecedor, do funcionário, do imóvel e o do produto, como vemos na imagem abaixo.

cadastro do produto

Quando o cadastro tem o recurso a área da imagem aparece à esquerda, como vemos na imagem acima. Esta área possui 4 botões:

  • ABRE: permite carregar a imagem de um arquivo no computador;
  • APAGA: apaga a imagem carregada, deixando o cadastro sem imagem;
  • BUSCA: procura e carrega a imagem da internet, usando um navegador interno disponível com o software;
  • SALVA permite salvar a imagem carregada no cadastro para um arquivo no computador.

Para abrir a imagem você pode usar os botões ABRE ou BUSCA. Se for um cadastro de cliente, você provavelmente precisará de uma webcam, e capturar e salvar a imagem dele em arquivo no computador. Este recurso nosso sistema não possui. Já para um produto, por exemplo, é interessante buscar a imagem na internet, que com certeza terá um farto repositório de fotos do produto para você usar. Ao tentar buscar na internet pela primeira vez você verá esta mensagem:

baixar navegador

Basta confirmar e o programa faz tudo sozinho. No final aparecerá um navegador com as fotos, de um clique com o botão direito do mouse sobre a foto que escolher para carregar ela no cadastro. Se a foto for muito grande você pode ver ainda uma imagem assim:

limite de tamanho da imagem

Basta confirmar (clicar em SIM) para carregar ela. Se a imagem passa de um certo tamanho o sistema ajusta e reduz ela, para não deixar o sistema muito lento com uma base cheia de imagens grandes.

Agora que carregou imagens no sistema, você pode dar um uso para elas ajustando o módulo para ver estas imagens. Por padrão todos os módulos do sistema mostram os dados dispostos em listas, como no exemplo abaixo:

controle de produtos, visualizando lista de dados

Nos módulos que possuem imagem, você pode clicar no botão MAIS, no canto superior esquerdo da tela, e verá duas opções no início do menu: VISUALIZAR COMO LISTA DE DADOS e VISUALIZAR COMO GRID DE IMAGENS. A primeira opção (lista de dados) é exatamente o formato que você vê nas imagens acima e abaixo.

controle de produtos, menu com opções de visualização

Caso clique na opção grid de imagens, o módulo ficará parecido com isso:

controle de produtos, visualizando grid de imagens

A quantidade de linhas e colunas é ajustada automaticamente para que a lista comporte um volume razoável de dados sem ficar difícil de visualizar.

O sistema suporta imagens nos formatos jpg, gif e png. No caso do formato png, ele também suporta as transparências. Na imagem acima você pode ver um exemplo de como fica uma transparência na primeira imagem, da BRAHMA LATA 350 ML, note que ela não tem o fundo branco, que acompanha a mesma cor do tema.