Fala ai Radizeiro e Radizeira, tudo bem com vocês?
Nossa série de conteúdos relacionados a Design tem sido muito legal, e hoje não poderia faltar conteúdos.
Você que hoje programa em Delphi creio que tenha sentido a necessidade de melhorar seus layouts.
E isso é muito importante nos dias de hoje onde nossos usuários tem se tornado mais exigentes, e claro, querem ter melhor experiência na hora de usar nosso software.
E pensando nisso tenho trago a vocês aqui no blog diversos conteúdos que possam agregar e muito em seu dia a dia.
E no post de hoje irei mostrar como é possível ter um layout que pensa na experiência do usuário, com uma aparência que encanta.
E ainda mais ter um software que rode em qualquer plataforma.
Dando maiores possibilidades para que seus usuários possam utilizar seus softwares sejam em qual sistema for.
E talvez você possa estar pensando que você é programador e não tem vocação e talento para produzir layouts atraentes.
Te digo isso que não é preciso ser simplesmente um Design para produzir sistemas com layouts que encantem seus clientes.
Uma coisa é só ter bom gosto e muita pesquisa.
Existem diversos sites onde Design disponibiliza seus layouts e que podem servir de inspiração para o desenvolvimento de seus layouts.
Em uma de minhas pesquisas encontrei um layout muito legal de PDV para restaurantes.
E esse layout foi todo desenvolvido utilizando FMX.
Esse layout é resultado de uma pesquisa no Pinterest, já comentei em outros posts sobre esse site.
E vi que é possível desenvolver um layout como este utilizando o Delphi, e claro, com FMX para dar maior portabilidade de plataformas.
Isso mesmo, esse mesmo layout eu consigo compilar, para Windows, Linux e Mac.
E com um pouco de ajustes para que esse mesmo layout possa rodar no Android lindamente.
Ajustes esses em proporções e posições para que se encaixem na tela de um smartphone.
Dentro da VCL nós trabalhamos muito com Panel, porque a VCL não tem nada focado para layout.
E para trabalhar com layout usando o VCL, utilizam o Panel para docar as informações.
No FMX possuímos mais recursos, por exemplo, o próprio TLayout, que é feito para isso.
Então, o que temos de recursos nesse nosso layout de restaurante?
Existem algumas particularidades do FMX, que podemos utilizar a nosso favor.
E algumas integrações que foram criadas.
Observe que ao passar o mouse no menu lateral, onde temos as categorias, que ele muda as cores com base em nossa interação.
Observe também que nas mesas na parte superior do layout que possuem também essas mesmas informações.
E muito legal ainda é a troca de cores dos botões ao passar em cima das subcategorias.
Nos botões de seleção de itens utilizei algumas imagens dos produtos das Starbucks.
O que é muito legal também é que com esse layout você pode rodar num tablet, ou até mesmo um totem.
Observe que essas imagens que foram colocadas são botões que tem uma ação para adicionar ou retirar produtos.
É muito legal ainda que ao mandar adicionar na lista, é possível também fazer essas alterações diretamente na lista.
No FMX é muito legal fazer essas interações, ele possui diversos recursos.
E por incrível que parece, e o mais legal de tudo é que imagem, JPEG, PNG, Bitmap, o que temos aqui são somente os ícones.
São somente as imagens dos produtos e os ícones das categorias.
O resto deste layout é tudo nativo do Delphi.
Mostrando o layout do restaurante rodando no Linux.
Muito legal, não é pessoal?
Já mostrei em outros post como é a configuração e a compilação do Delphi no Linux.
Dessa forma temos um mesmo projeto rodando em mais de um sistema operacional.
E caso você tenha interesse de conhecer mais sobre Aplicar Design Criativo no Delphi acesse o nosso portal do CLUBE DE PROGRAMADORES EM DELPHI, onde você não terá só conteúdos relacionados ao Design , mas uma quantidade enorme de conteúdos que poderá lhe ajudar muito no seu dia a dia, é uma verdadeira NETFLIX para os programadores Delphi.
CLIQUE AQUI E SAIBA MAIS SOBRE O CLUBE DOS PROGRAMADORES DELPHI