Post: [Componentes Visuais] Criando o Layout do Componente

Alessandro Medeiros

Compartilhar no whatsapp
Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no facebook

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


Faça sua busca

CATEGORIAS

POSTS RECENTES

E caso você tem interesse de conhecer mais sobre [Componentes Visuais] Criando o Layout do Componente, acesse o nosso portal do CLUBE DE PROGRAMADORES EM DELPHI
Você não terá só conteúdos relacionados ao [Componentes Visuais] Criando o Layout do Componente, mas uma quantidade enorme de conteúdos que poderá lhe ajudar muito no seu dia a dia, é uma verdadeira NETFLIX para os programadores Delphi.
Gostou?
Compartilhe:
Compartilhar no whatsapp
Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no facebook

Embarque no foguete com milhares de devs para aprender desenvolvimento, evoluir de forma contínua e se manter relevante no mercado.

Sobre
Dúvidas
Cadastre-se em nossa lista

Para ter acesso em primeira mão, a tudo que acontece na Academia do Código, basta se cadastrar em nossa lista

Grupo Thulio Bittencourt | Academia do Código

#FaçaPartedaHistória

Copyright © 2021 – Todos os direitos reservados