Projeto Aprenda em Casa - Cursos gratuitos

Delphi para Leigos - Propriedades e eventos dos componentes.

Aula 18

Vamos neste módulo desenvolver um simples projeto para que o aluno compreenda bem os conceitos sobre propriedades e eventos e, como manipular os mesmos ao desenvolver um projeto. Neste sentido proceda da forma que segue:

Execute o Delphi 2005;
Na janela principal ao ambiente de desenvolvimento que é apresentada, clique sobre o botão <NEW>, em destaque na imagem abaixo:

Na janela que é aberta, clique sobre a opção <VCL FORMS>, em destaque na imagem abaixo:

Após selecionar a opção exibida no gráfico acima, clique no botão <OK>;
Neste ponto será exibido o ambiente de desenvolvimento, onde teremos o formulário para a geração de nosso programa;
Neste formulário inclua os seguintes componentes:
- 1 componente TLabel;
- 2 componentes TButton;
Ao final deste procedimento, nosso formulário terá um aspecto similar ao que podemos observar em destaque na imagem abaixo:

Altere a propriedade <CAPTION> do componente BUTTON1 para "MOSTRA FRASE":

A propriedade <CAPTION> do componente Button e de outros componentes tem o objetivo de armazenar o texto que será exibido dentro do próprio componente.
Altere a propriedade <CAPTION> do componente BUTTON2 para "FINALIZA", conforme mostra em destaque a imagem abaixo:

Apague o conteúdo da propriedade <CAPTION> do componente LABEL1;
Desta forma, quando executarmos o projeto, este componente não apresentará conteúdo algum, ou seja, ficará "invisível" no formulário;
Vamos programar o evento <ONCLICK> do componente BUTTON1. Este evento será disparado quando em tempo de execução, o usuário clicar sobre o mesmo;
Neste ponto será aberta a janela de codificação, conforme podemos observar em destaque na imagem abaixo:

Quando o usuário em tempo de execução clicar sobre o botão que estamos codificando, queremos que dentro do LABEL1, seja exibida a mensagem "Aprendaemcasa.com.br". Aqui iremos aprender a alterar a propriedade de um componente em tempo de execução, o que é um procedimento comum.
Neste sentido digite o seguinte comando:

Quando queremos alterar a propriedade de um componente via código (em tempo de execução), deveremos empregar a seguinte sintaxe:

Nome_componente.propriedade:=<valor>

Seguindo a sintaxe acima, primeiro indicamos o nome do componente "LABEL1.", em seguida especificamos a propriedade que iremos alterar "CAPTION" e depois especificamos o valor desta propriedade ":='Projeto Aprenda em Casa'".
Nosso próximo passo é codificar o segundo botão, que tem a função de finalizar a execução do aplicativo. Retorne o controle do ambiente para o design, clicando no botão em destaque na imagem abaixo:

Vamos codificar então o evento <ONCLICK> do segundo botão, que tem a etiqueta de finalizar o programa, porém neste passo iremos utilizar o Object Inspector para abrir a janela de codificação;
Dê um clique simples sobre o componente Button2 para seleciona-lo;
No Object Inspector, selecione a guia <EVENTS>, conforme podemos observar em destaque na imagem abaixo:

Para acessar a janela de codificação de um evento através do Object Inspector, basta que você dê um clique duplo na caixa de edição que é apresentada ao lado do evento. Neste caso dê um clique duplo sobre o evento <ONCLICK> e entre com a seguinte codificação:

O comando acima solicita ao sistema que finalize (terminate) a execução de nosso aplicativo (Application).
Agora que terminamos a codificação do nosso pequeno projeto, vamos executá-lo. Para alcançar este objetivo, clique sobre o botão <RUN>, em destaque na imagem abaixo:

Quando nosso aplicativo for executado, teremos uma janela similar a que podemos observar abaixo:

Observe que o componente Label1 que incluimos em nosso formulário não aparece, isto porque a sua propriedade CAPTION está sem conteúdo algum. Clique então sobre o botão <MOSTRA FRASE> e observe o resultado:

Clique sobre o botão <FINALIZA> e observe que o controle retorna ao ambiente de desenvolvimento.

EXERCICIO

Observe que a barra de títulos do formulário, em tempo de execução apresenta o conteúdo <FORM1>. Altere para que na barra de títulos do formulário seja apresentada a string "www.aprendaemcasa.com.br";
Inclua um novo botão em seu projeto, contendo a etiqueta "Apaga frase" e, quando o usuário clicar sobre o mesmo, a frase que é exibida "Projeto Aprenda em Casa" será apagada.