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;
Este artigo faz parte da série: Cadastro Delphi POO + MVC + DAO;
(Por ClipaTec Informática)
Boa noite este componente em forma de um stringgrid não foi mencionado...
ResponderExcluirAguardo retorno
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".
ExcluirQue controle é aquele (área em branco) com os cinco botões azuis. Não entendi.
ResponderExcluirNa verdade esse é o componente StringGrid, que é uma tabela. Os "botões azuis" são na verdade as colunas dessa tabela (área em branco).
Excluir