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)

4 comments:

  1. Boa noite este componente em forma de um stringgrid não foi mencionado...

    Aguardo retorno

    ResponderExcluir
    Respostas
    1. Agradecemos pelo feedback, passamos para a equipe de edição rever o artigo e acrescentar esta informação, porém, a stringGrid está configurada para "alClient" na propriedade "Align".

      Excluir
  2. Que controle é aquele (área em branco) com os cinco botões azuis. Não entendi.

    ResponderExcluir
    Respostas
    1. Na verdade esse é o componente StringGrid, que é uma tabela. Os "botões azuis" são na verdade as colunas dessa tabela (área em branco).

      Excluir

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!