|
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:
-
Para
inserir um componente em um formulário, basta dar um clique
duplo sobre o componente, e este será automaticamente inserido;
-
Para
posicionar um componente no local desejado do formulário, basta
clicar e arrastar o mesmo para o local desejado;
-
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 |