Clube VB - Eventos, aprendendo na prática

Aula 06

Nesta aula, iremos gerar um pequeno exemplo para entender melhor o que são eventos. Inicie o VB solicitando um novo projeto. Sua área de trabalho terá o seguinte aspecto:

Vamos trabalhar com três componentes:

  • 2 CommandButtons;

  • 1 TextBox.

Estes componentes estão circulados na figura a seguir:

Sendo que, de cima para baixo, o primeiro é um Textbox e logo abaixo, temos o CommandButton.

Insira estes três componentes dentro do seu formulário. Lembrando que:

  1. Para inserir um componente em um formulário, basta dar um clique duplo sobre o componente, e este será automaticamente inserido;

  2. Para posicionar um componente no local desejado do formulário, basta clicar e arrastar o mesmo para o local desejado;

  3. Para redimensionar (aumentar ou diminuir o tamanho) o mesmo, basta clicar e arrastar em uma das bordas que circulam o componente.

O formulário ao final do procedimento, deverá estar com o seguinte aspecto:

Observe que, para os componentes COMMAND, apenas os posicionamos em um novo local do formulário, já para o componente TextBox, redimensionamos o seu tamanho.

Agora, inclua um componente LABEL, acima do componente TextBox. O componente Label está circulado na figura a seguir, e sua posição final já está desenhada:

Nosso sistema, terá o seguinte objetivo:

A) Ter uma área para digitação de texto, procedimento que será realizado no TextBox;
B) Ter um botão na qual possamos limpar o conteúdo da caixa de texto, procedimento este que será realizado através do CommandButton1;
C) Ter um botão para finalizar o aplicativo, procedimento que será realizado através do CommandButton2;

Observamos que, de acordo com o nosso objetivo, iremos trabalhar a principio com o evento OnClick ( ao receber um click ) dos CommandButton.

Primeiramente, vamos melhorar alguns aspectos de nosso formulário, dando um título a janela do mesmo. Para isso, conforme estudamos anteriormente, temos as propriedades. Selecione o formulário, clicando em qualquer área livre deste, e na janela de propriedades, deveremos alterar o CAPTION do formulário, ou seja, a propriedade que indica o texto que será apresentado na barra de título do formulário. Altere este propriedade para "Projeto de Testes de Eventos". Ao final deste procedimento, seu formulário terá o seguinte aspecto:

Observe que inserimos uma caixa de texto em nosso formulário ( Label ) ela tem o objetivo de inserir um texto, uma espécie de etiqueta para exibir uma informação ao usuário. Pelo fato de estar disposta acima da caixa de edição, qual seria a melhor frase para orientar o usuário? Que tal : "Digite uma frase na caixa de texto abaixo". Assim como no FORM, a propriedade CAPTION especifica o texto que será exibido na barra de título, o texto que será exibido dentro da área da etiqueta, deverá ser digitado na propriedade CAPTION do componente LABEL. Selecione o mesmo, dando um clique simples sobre ele, e altere a propriedade CAPTION deste para o texto sugerido. Ao final deste procedimento, teremos a seguinte imagem em nossa área de trabalho:

Vamos trabalhar mais um pouco com as propriedades do LABEL, alterando a cor da fonte do texto que está sendo exibido em seu interior. Para isso, temos a propriedade FORECOLOR do mesmo. O LABEL já está selecionado, basta na janela PROPERTIES localizar a propriedade FORECOLOR, e dar um clique sobre sua caixa de seleção e clicar sobre a cor vermelha, conforme mostra a figura a seguir:

A principio o nosso formulário e nossa etiqueta estão configurados. Agora, observe que dentro da caixa de edição ( TextBox ), existe uma palavra denominada "Text1", que na verdade, além da frase que será apresentada quando o sistema for executado, representa o nome do componente dentro do código. Vamos fazer com que nada apareça dentro da caixa de edição quando o sistema for executado, para isso, basta apagar todo o conteúdo da propriedade TEXT do componente TEXTBOX. Execute este procedimento.

Agora, vamos dar uma espécie de rótulo aos nossos botões, ou seja, a nível de usuário, qual o objetivo do botão 01? e do botão 02? Sabemos que o primeiro deverá limpar o conteúdo eventualmente digitado no TextBox e o segundo, tem a função de finalizar o sistema. Então, iremos alterar o CAPTION do CommandButton1 para "LIMPA" e o conteúdo do CAPTION do CommandButton2 para "FINALIZA". Ao final deste procedimento, sua área de trabalho terá o seguinte aspecto:

Observe que a nível de informação e visual o nosso formulário está dentro do esperado. Agora temos que codificar os eventos necessários a sua operação.

O primeiro evento está ligado ao click no botão "LIMPA". Observe que, ao clicar sobre este, o sistema deverá apagar o conteúdo do TextBox. Primeiro devemos identificar de que forma é chamado o componente TEXTBOX dentro do projeto. Esse nome é identificado na propriedade NAME do componente. Para isso, se você selecionar o componente TEXTBOX e verificar a sua propriedade NAME, esta estará igual a TEXT1, conforme podemos observar na figura a seguir:

É este o nome que deveremos utilizar dentro da codificação do sistema. Na próxima aula iremos dar algumas dicas sobre a nomenclatura de componentes.

Vamos então á codificação:

Nosso objetivo é limpar o conteúdo que por ventura tenha sido digitado no componente TEXTBOX, daqui para frente denominado de TEXT1. Sabemos que a propriedade TEXT deste componente é que armazena o conteúdo digitado no mesmo, logo deveremos igualar a propriedade TEXT do componente TEXT1 à uma string vazia ( "" ). Quando vamos especificar um valor a uma determinada propriedade de um determinado componente em tempo de execução, usamos a sintaxe a seguir:

Nome_componente.Propriedade = valor

Sabendo disso, dê um clique duplo no botão CommandButton1, que possui o rótulo "LIMPAR, e dentro da área de código, programe conforme mostra a figura a seguir:

Ou seja, estamos dizendo que, ao se clicar sobre o componente Command1 ( Commandbutton1 ), o sistema deverá jogar uma String nula como valor da propriedade Text do componente Text1.

Nosso próximo passo é programar o evento Clicar do segundo botão ( Command2 - CommandButton2 ), pois quando o usuário clicar sobre ele, o sistema deverá ser finalizado.

Volte o controle para o formulário e dê um clique duplo no CommandButton2, e dentro da área de código que será aberta, codifique conforme a figura a seguir:

Dentro do que foi proposto, nosso sistema está finalizado. Execute o mesmo, digite algo dentro da caixa de edição, clique sobre o botão LIMPAR e em seguida, clique sobre o botão FINALIZAR para que veja na prática o efeito do que foi gerado.

É claro que este sistema é simples, estamos nas primeiras aulas, apenas habituando o aluno a trabalhar com componentes, propriedades e eventos.

Na próxima aula, iremos estudar um pouco mais dos componentes que estão à disposição do desenvolvedor, falar sobre a forma correta de nomear componentes a nível de codificação bem como gerar novos exemplos.

 

Voltar

Principal | Cursos Gratuitos | Cursos Diversos | Dicas | Promoções | Mapa do Site | QUIZ |
| Classificados | Central Currículo | Fórum | Fale Conosco