Você está na página 1de 2

Cadastro Delphi POO + MVC + DAO - Camada View (Layout) - Parte 1

Salve galera, dando continuidade a nossa série de "Cadastro Delphi POO + MVC + DAO", neste artigo iremos implementar a camada view no
que se refere a layout, os códigos serão implementados em artigos posteriormente.
Legal, abra o projeto no Delphi, e já vamos fazer uma alteração em nosso "FrmPrincipal", altere a propriedade "Color" do formulário conforme
a tabela:

Muito bem, agora vamos criar nossa tela de cadastro, para isso, vá até o menu "File/New/VCL Form - Delphi". Salve o mesmo dentro da
pasta view com o nome "uFrmCadastrarCliente". Agora, altere as propriedades deste novo formulário de acordo com a tabela:

Legal, agora vamos inserir alguns componentes e configurá-los, então, insira um "TPanel", um "TPageControl" e um "TButton", e altere as
propriedades deles exatamente na mesma ordem da tabela abaixo:
Obs: O TButton deve ser adicionado dentro do TPanel.

Certo, agora, clique com o botão direito do mouse dentro do componente "pgcPrincipal" e selecione a opção "New Page", repita o procedimento
mais uma vez, desta forma, teremos duas abas, "TTabSheet1" e TTabSheet2", renomeie a propriedades delas respectivamente para "tbPesq" e
"tbDados".
Neste projeto, não criaremos duas telas, uma para pesquisa e outra para manutenção dos dados do cliente, tudo será feito na mesma
tela, e como já observado, vamos separar a pesquisa da manutenção através das abas que acabamos de criar.
Agora, clique na aba "tbPesq" e insira dois componentes TPanel dentro dela, e altere as propriedades conforme a tabela abaixo:
Perfeito, agora, coloque dentro do "pnlFiltro" um componente "TLabeledEdit", renomeie a propriedade "Name" dele para "edtPesq", expanda a
propriedade "EditLabel", e altere a subpropriedade "Caption" para "Digite para pesquisar".
Ainda dentro do "pnlFiltro", adicione mais um componente, um TButton, e altere as propriedades dele para "Name = btnPesquisar" e "Caption
= Pesquisar".
Agora, dentro do "pnlPesqBtns" insira três TButton, e altere as propriedades deles respectivamente para: "Button1: Name = btnNovo; Caption =
Novo", "Button2: Name = btnDetalhar; Caption = Detalhar" e "Button3: Name = btnExcluir; Caption = Excluir";

No final de tudo, teremos um layout parecido com este:

Bom galera, vamos parando por aqui, no próximo artigo, iremos montar a aba de manutenção de dados, concluindo assim, o layout do nosso
cadastro, para seguirmos com as implementações dos códigos.

A parte de layout sempre é mais chatinha mesmo de montar, pois ocupa muito tempo, já dizia alguém muito sábio: ou você é um programador
excelente ou um excelente designer, os dois não dá. Realmente galera, é meio que impossível ser excelente nas duas coisas kkk. Por este motivo
não estamos caprichando em um layout muito top, mas é um layout simples, limpo e fácil de usar, isso é o que importa. Até o próximo artigo,
um forte abraço.

Este artigo faz parte da série: Cadastro Delphi POO + MVC + DAO;

(Por ClipaTec Informática)

Enviar por e-mailBlogThis!Compartilhar no TwitterCompartilhar no FacebookCompartilhar com o Pinterest

Você também pode gostar