15
AGENDA ELETRONICA PASSO A PASSO Criar e salvar o arquivo com o nome desejado, no meu caso “Agenda”. *Nota: tem que ser uma pasta do Excel habilitada para macros... Criando Banco de Dados

Agenda Eletronica Passo a Passo

Embed Size (px)

Citation preview

Page 1: Agenda Eletronica Passo a Passo

AGENDA ELETRONICA PASSO A PASSO

Criar e salvar o arquivo com o nome desejado, no meu caso “Agenda”.

*Nota: tem que ser uma pasta do Excel habilitada para macros...

Criando Banco de Dados

O banco de dados nada mais é do que onde serão armazenadas as informações.

Page 2: Agenda Eletronica Passo a Passo

Nesse caso vou construir apenas quatro campos, partindo sempre da primeira linha e coluna (“A1”) os campos são:

Numero: será armazenado um código automático para servir de referencia na hora de alterar ou excluir os dados por meio da programação.

Nome:

Sobrenome:

Telefone:

O nome da folha (“sheet”) vai ser “agenda”.

Pronto nosso banco de dados está pronto...

Criando formulário

Para a criação do formulário e de todos os controles que iremos usar em nossa agenda, temos que utilizar o Editor Visual Basic. Conseguimos acessá-lo das seguintes maneiras:

Segurando Alt e pressionando F11. Na guia desenvolvedor

Através do botãoVisual Basic o primeiro Da esquerda para direita.

Page 3: Agenda Eletronica Passo a Passo

Acessando o editor VB, você vê a seguinte tela,

o botão “Inserir UserForm” é usado para inserir o formulário ao projeto.

Para criar o formulário é só clicar no botão mencionado acima.

Aí está o formulário, podemos alterar o tamanho do mesmo clicando em suas laterais e arrastando até obter o tamanho desejado.

Alterando as propriedades do formulário

De inicio vamos alterar somente a propriedade Name, que pode ser qualquer uma de acordo com sistema a ser criado, vamos usar para este o nome “Agenda”

*Nota: Para abrir a janela de propriedades basta apertar F4, geralmente a propriedade “Name” é a primeira da listagem e é ela quem identifica o objeto na hora de

programar.

Page 4: Agenda Eletronica Passo a Passo

Veja na imagem a propriedade já

alterada.

Em seguida vamos aumentar o

Tamanho do formulário de acordo com o necessário ou a gosto de quem o faz.

Uma propriedade importante também para os objetos formulários é a “Caption” ela é o texto que o usuário irá ver, vamos alterá-la para “Agenda Eletrônica”.

*Nota: É sempre bom ir salvando as alterações, assim você não as perde devido a inconveniências.

Page 5: Agenda Eletronica Passo a Passo

Construindo os Campos no Formulário

Para esse caso bem simples temos apenas quatro campos.

Numero

Nome

Sobrenome

Telefone

Porém a imaginação é o limite ok.

Vamos colocar em nosso formulário então os rótulos (Label) para indicar ao usuário o que cada campo representa assim como sua função.

Caixa de ferramentas

Essa é a caixa de ferramentas, é através dela que incluimos todos os objetos em nosso projeto. Iniciamos pelos rótulos, mas isso depois você vai se adaptando e colocando cada um em seu lugar de acordo com a sua vontade. O rótulo é o objeto indicado pela letra “A” em maiúsculo.

Page 6: Agenda Eletronica Passo a Passo

Essa é a label1 nomeada automaticamente pelo Excel, vamos alterar a propriedade “Caption” da mesma para “NUMERO” já que esse será o nosso primeiro campo.

Continuando criaremos os outros três campos, do mesmo modo que esse foi criado, posicionando-os de acordo com nossa preferência.

Vamos então criar os Text Box onde o usuário digitará as informações.

Do mesmo modo do rótulo, usaremos o objeto “Caixa de Texto” representada por .

Veja um text box inserido abaixo da label “NUMERO” vamos alterar a propriedade “Name” de “Textbox1” para “numero”.

Page 7: Agenda Eletronica Passo a Passo

Continuando repetimos o processo para a criação dos demais Texts.

Você pode ajustá-los onde achar melhor, interessante, fácil, sei lá de acordo com sua preferência...

Na propriedade “Name” é sempre bom colocar nomes simples, pois na hora da programação será mais fácil entender os códigos escritos.

Name: NOME = nome

SOBRENOME = sobrenome

TELEFONE = telefone

Assim você identifica melhor os objetos.

Obs. Minha opinião rsrs

Construindo os botões de comando

Os botões servem para executar determinadas tarefas ao receber um click do usuário, nesse projeto vamos colocar os principais, a meu ver, sendo eles: Gravar, Alterar, Excluir e Novo.

Seguindo a forma que inserimos as labels e os textbox para inserir os botões. A ferramenta é representada

Page 8: Agenda Eletronica Passo a Passo

por na caixa de ferramentas.

Inserimos os quatros botões e posicionamos conforme desejado.

As propriedades que vamos alterar são “Name” e “Caption”

Name para idêntica-los na hora de programar e Caption para trocar o texto exibido no corpo do botão...

Coloquei assim:

Name / Caption

gravar GRAVAR

alterar ALTERAR

excluir EXCLUIR

novo NOVO

Vou reposicionar meus objetos, pois eu prefiro eles nessa posição mais isso é de critério de cada um.

Page 9: Agenda Eletronica Passo a Passo

Objeto Listbox

O objeto Listbox geralmente é colocado em um formulário para exibir as principais informações do banco de dados, de forma que o usuário não precise ir ao Excel para visualizá-las.

o objeto é representada por

ao inserirmos o objeto no formulário vamos ajustar o tamanho e o local desejado o meu ficou assim:

coloquei bem próximo aos campos para que eles mesmos sirvam de cabeçalho para a minha tabela criada a partir do objeto.

Page 10: Agenda Eletronica Passo a Passo

O nosso formulário está quase pronto faltando apenas alguns ajustes, vamos mudar a propriedade ColumnCount de “1” para “4”.

Por que 4? Pois teremos 4 campos e a nossa lista tem que ter 4 colunas para exibi-los.

Alterando largura das colunas

Logo abaixo da propriedade que define a quantidade de colunas temos “ColumnHeads” e geralmente estará “False” você deve alterar para “True” ou seja de falso para verdadeiro. Assim será mostrado um cabeçalho traçado por uma linha na lista exibindo as medidas.

Veja que a lista foi dividida em quatro partes iguais, um pouco abaixo da propriedade “ColumnHeads” temos “columnWidths” que é justamente onde colocaremos as medidas.

Para a primeira coluna vamos colocar “0” pois não quero que o campo NUMERO apareça, pois ele é apenas para uso da programação mesmo.

Page 11: Agenda Eletronica Passo a Passo

Coloquei o “0” e em seguida “;” (ponto e virgula) e depois fui colocando os valores mais o “;“ e dando “Enter” até a grade ficar do mesmo tamanho do cabeçalho (textbox) o “pt” que aparece antes do “;” o Excel põe sozinho... feito isso você deve alterar a propriedade “ColumnHeads” para false novamente...

Para testar como ficará o layout do sistema já pronto é só apertar “F5” para executar... Porém não vai responder a nenhum comando, pois ainda não programamos nada...

Você pode incrementar o visual colocando uma imagem como plano de fundo no formulário.

Para isso basta selecionar o formulário ir na propriedade “Picture” e escolher o arquivo desejado.

Page 12: Agenda Eletronica Passo a Passo

Na propriedade “PictureSizeMode” escolha a opção 1 para que a imagem preencha todo o formulário... e com a imagem que eu escolhi para o meu modelo ele ficou igual a imagem exibida no inicio.

Os rótulos você deve alterar a propriedade “BackStyle” para 0 pois assim aparece somente o que está escrito deixando o fundo transparente, na propriedade “Font” você deixa o sistema com mais personalidade alterando tamanho, formato entre outros... na propriedade “Forecolor” você altera a cor do texto...

Em breve postarei os códigos passo a passo também...