ClipaTec Informática

Receba novidades por e-mail. Digite seu e-mail abaixo e clique no botão "Cadastrar"

Delivered by FeedBurner

7 de fevereiro de 2018

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

delphi mvc dao view layout

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:

delphi mvc dao view layout

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:

delphi mvc dao view layout

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.

delphi mvc dao view layout

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:

delphi mvc dao view layout

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:


delphi mvc dao view layout



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)

0 comentários:

Postar um comentário

Visite nossa página de Política de comentarios antes de comentar para ter certeza de que seu comentário não será excluído! Lembre-se, assim que aprovarmos o teu comentário ele será publicado, por isso, não deixe de sempre visitar nosso blog e conferir nossa resposta ao seu comentário, abraço!