Fala Radizeiro e Radizeira, tudo bem com vocês?
Dando continuidade a nossa série de posts aqui no blog de criação de componentes visuais.
Iremos hoje criar todo o Layout do nosso componente.
Até o momento, criamos somente uma estrutura simples para termos uma melhor base de como irá compor o nosso componente.
Então o que iremos ter agora?
Iremos adicionar os textos, onde no card de exemplo do nosso Dashboard tem um Invectory, e demais informações.
Então vamos adicioná-los.
E uma dica legal, se você quer criar layouts bonitos, a primeira coisa que deve ser feita é copiar.
Existem diversos layouts na internet que você pode utilizar como inspiração e começar a copiar, para aprender a ter layouts mais bonitos.
É copiando que vai aprimorando as técnicas para desenvolver layouts bonitos.
Agora como iremos adicionar essa barra de progresso?
Lembra que eu comentei que devemos utilizar componentes nativos e que possam se aproximar ao máximo do que é proposto no layout?
Então iremos adicionar um shape, isso mesmo iremos desenhar o progresso deste nosso layout.
Observe que coloquei um shape ao fundo e um outro acima dele, só mudei as cores, e claro seguindo o nosso layout.
Agora para que possamos ter aquela image do lado esquerdo do nosso card, iremos adicionar um image, isso mesmo, o componente TImage do Delphi.
Só alterei a propriedade Padding do TImage, para que a imagem não fique agarrada nos cantos.
Desta forma ele ficará sempre responsivo, mas a imagem não fica agarrada aos cantos.
E a nossa barra de progresso, eu ancoro ele tanto a esquerda quanto a direita, para ele se redimensionar junto com o componente.
Pode-se observar que o componente agora está tomando forma, e ficando muito legal.
Quer conhecer mais sobre como criar componentes visuais, completamente?
Conteúdos como esse e muitos outros você irá encontrar dentro do Clube dos programadores Delphi.
E caso você tenha interesse de conhecer mais sobre Componentes Visuais 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
