PROGRAMAO II Criando Programas Bsicos

Prof Jodelson

Primeiro Programa
Para iniciar, vamos construir um programa que quando for dado um clique no boto de comando, ser mostrada uma frase. E posteriormente poderemos alterar a apresentao desta frase atravs de outras propriedades. Existem trs passos principais para a escrita de uma aplicao no Delphi que iremos seguir: Desenhar as janelas que se deseja usar. Inserir no formulrio os controles que sero necessrios Adaptar as propriedades dos objetos. Alterar as propriedades dos controles s necessidades da aplicao Escrever o cdigo para os eventos associados. Esta a parte mais complexa do desenvolvimento, ela que d a funcionalidade ao programa, so as rotinas que comeam a ser executadas a partir de um evento.

Primeiro Programa
Desenhar as janelas que se deseja usar 1 - Comeamos inserindo um Label (Legenda) e um Boto de Comando no formulrio. 2 - Arraste o Boto para as coordenadas (40,80) e o Label para (8,16). Adaptar as propriedades dos objetos 1 -Dimensione o formulrio da seguinte maneira: Selecionar a propriedade Height, e atribuir a ela o valor de 150. Selecionar a propriedade Width e dar o valor de 180. Altere tambm as propriedades Name para Form_Inicio e Caption e Incio

Adaptar as propriedades dos objetos 2 - Agora, altere as propriedades do TLabel e do TButton, de modo que para TLabel os valores sero: Caption em branco , Name LblMensagem, e AutoSize True, e que para TButton os valores sero &Iniciar em Caption e BtnIniciar em Name

Primeiro Programa

Primeiro Programa
Adaptar as propriedades dos objetos Aps voc alterar todas as propriedades do formulrio e dos objetos, nosso projeto estar assim:

Primeiro Programa
Escrever o cdigo para os eventos associados O cdigo escrito na janela Code editor, para acess-la, damos um duplo clique no objeto que se quer criar um cdigo. Cada objeto tem um evento que mais comumente utilizado, e com este evento que o Delphi iniciar o Code Editor quando acessado desta forma, isto no impede que criemos outros cdigos utilizando mais de um evento para o mesmo componente. Ento, daremos agora um duplo clique no Boto Iniciar para abrirmos o Code Editor exatamente onde as linhas de comando do boto sero inseridas.

Primeiro Programa
Escrever o cdigo para os eventos associados Nesta janela observamos o nome da procedure, identificando qual o objeto e o evento que dar incio execuo do cdigo, e onde est localizado este objeto. O parmetro Sender informa ao Delphi qual componente recebeu o evento que chamou a execuo deste procedimento.

Primeiro Programa
Escrever o cdigo para os eventos associados Atribumos valores a uma propriedade de objeto seguindo o padro: NomedoObjeto . Propriedade := valor da propriedade ; No nosso caso, lembramos que a propriedade que queremos mudar a CAPTION do objeto LABEL que chamamos de LblMensagem. Ento vamos escrever o seguinte comando: LblMensagem.Caption := Voc deu um clique em Iniciar ; Salve tudo e execute.

Calculadora Bsica
Vamos agora criar uma calculadora parecida com a figura.

Calculadora Bsica
Crie um novo projeto. Salve tudo em uma pasta chamada Calculadora sendo: o form como U_Calculadora.PAS e o projeto como Calculador.DPR Desenhando e adaptando as propriedades
1) Altere as propriedades do Form1 para: Width = 450, Height = 300, Name = Form_calculadora, Caption = Calculadora Bsica, Color = clGray. 2) Para criarmos nossa calculadora, vamos precisar de um form com os seguintes objetos: 3 Edits, 3 Labels, e 6 Buttons, de acordo com a figura abaixo. Ento: a) Na paleta component Standart localize o objeto Edit e insira 3 objetos Edit. b) Na mesma paleta localize o objeto Button e insira 6 botes no formulrio. c) Ainda na mesma paleta localize o objeto Label e insira 3 Labels.

Calculadora Bsica
Desenhando e adaptando as propriedades 3) Modifique as propriedades Caption das Labels 1, 2 e 3 para: Primeiro nmero, Segundo Nmero e Resultado, respectivamente. Todos os 3 objetos com a font: Verdana, negrito, tamanho 12, cor branco. 4) Nos 3 Objetos Edit modifique as propriedades Name de cada um para: Edit_numero1, Edit_numero2 e Edit_Resultado respectivamente. Deixe a propriedade Text em branco em todos os 3 objetos Edit 5) Para o Edit_resultado vamos alterar ainda a propriedade ReadOnly para TRUE.

Calculadora Bsica
Desenhando e adaptando as propriedades 6) Quanto aos nossos botes vamos modificar suas propriedades Caption para + , - , x, /, Limpar, e Sair respectivamente. (pode ser que o sinal fique pequeno, de tal modo que a leitura seja prejudicada, ento voc pode alterar o tamanho da fonte na propriedade Font). 7) Posicione e redimensione os objetos de modo a ficar similar a figura mostrada.

Escrevendo o cdigo Quando os valores inseridos nos objetos Edit so interpretados como TEXTO. Ou seja, se nossa linha de comando simplesmente somar os dois valores, ela na verdade ir concatenar os textos inseridos. Para evitarmos isso, usaremos o comando strtofloat. 8) Nossa primeira linha de cdigo se refere a somar os valores inseridos nos campos Edit_Numero1 e Edit_Numero2. D um duplo clique no boto de somar e insira as seguintes linhas entre BEGIN e END. begin Resultado := strtofloat(edit_numero1.text)+ strtofloat(edit_Numero2.text); edit_resultado.text := floattostr(resultado); end;

Calculadora Bsica

Calculadora Bsica
Escrevendo o cdigo 9) Como acabamos de criar uma varivel chamada resultado, precisamos incluir essa varivel no incio do programa. Ento, v at a seo de declarao de variveis (var) e insira o seguinte: resultado : real; . Observe abaixo como deve ficar a seo var. var Form_Calculadora: TForm_Calculadora; resultado: real; Execute o programa e texte seu boto SOMA.

Calculadora Bsica
Escrevendo o cdigo 10) Muito bem, agora vamos fazer a mesma coisa para o boto de subtrao, lembrando apenas que agora vamos diminuir e no mais somar. Ento, d um duplo clique no boto de subtrao e insira o cdigo abaixo entre BEGIN e END resultado := strtofloat(edit_numero1.text) strtofloat(edit_Numero2.text); edit_resultado.text:=floattostr(resultado); Obs: Como nossa varivel resultado j foi declarada, no h mais a necessidade de declar-la novamente.

Calculadora Bsica
Escrevendo o cdigo 11) Agora, para o boto de multiplicao vamos inserir o seguinte cdigo: resultado:=strtofloat(edit_numero1.text) * strtofloat(edit_Numero2.text); edit_resultado.text:=floattostr(resultado); Lembrando que o smbolo para multiplicao de nmeros ( * )

Calculadora Bsica
Escrevendo o cdigo 12) E para o boto de diviso vamos inserir o cdigo: resultado := strtofloat(edit_numero1.text) / strtofloat(edit_Numero2.text); edit_resultado.text := floattostr(resultado); Lembrando que o smbolo para diviso de dois nmeros ( / ). Execute o programa e teste seus botes.

Calculadora Bsica
Escrevendo o cdigo 13) Para o boto Limpar usaremos as seguintes linhas de cdigo entre BEGIN e END edit_numero1.Text := ; edit_numero2.Text := ; edit_resultado.Text := ; edit_numero1.SetFocus ; As trs primeiras linhas desse cdigo dizem que os objetos Edit_numero1, Edit_numero2 e Edit_Resultado devem assumir a propriedade Text vazia. Por isso no colocamos nada entre os apstrofes.

Calculadora Bsica
Escrevendo o cdigo 14) Finalmente, para o boto Sair usaremos o comando close; entre BEGIN e END, ficando assim: begin Close; end; Salve tudo, e execute sua calculadora.

Navegador Bsico

Navegador Bsico
Desenhando e adaptando as propriedades Crie uma nova pasta chamada Navegador. Crie uma nova aplicao e salve tudo, sendo o form de U_navegador.PAS e o projeto de Navegador.DPR 1) No form1 modifique as propriedades: Caption para Meu Navegador , Name para MeuNavegador e WindowState para wsMaximized 2) No form MeuNavegador insira um Objeto Panel, localizado em Standard. Em seguida modifique sua propriedade Align do Panel para alTop (essa propriedade indica que o objeto deva ocupar toda a rea superior do aplicativo, e depois na propriedade Caption deixe em branco, e a propriedade Color como clSkyBlue.

Navegador Bsico
Desenhando e adaptando as propriedades 3) Agora insira sobre a Panel 5 botes e um Edit e posicione-os conforme a figura mostra.

4) No prximo passo: procure n\ paleta de componentes Internet o objeto WebBrowser e insira no form, abaixo do Panel. Modifique as seguinte propriedades do objeto WebBrowser: ALIGN alClient (o objeto ir ocupar toda a rea disponvel do aplicativo; NAME browser (ateno, esse ser o nome dado a rea de navegao, importante lembrar para o momento de escrevermos nosso cdigo).

Navegador Bsico
Desenhando e adaptando as propriedades

5) Para os botes modifique as respectivas propriedades CAPTION para: Voltar, Avanar, Atualizar, Ir e Parar (use a imagem como referncia). 6) No objeto Edit modifique as seguintes propriedades: em NAME mude para endereco (novamente, esse ser o nome do objeto, importante no nosso cdigo), e apague a propriedade TEXT.

Escrevendo o Cdigo Clique sobre o objeto EDIT que demos o nome de endereco, v no Object Inspector na paleta EVENTS e procure o evento OnKeyDown (esse evento est relacionado com o momento quando alguma tecla for digitada). D um duplo clique no evento e imediatamente voc ver surgir a seguinte declarao enderecoKeyDown (essa declarao est ligada ao objeto endereco que criamos, e o momento que alguma tecla for digitada). A janela do CODE EDITOR j est pronta para receber a linha de cdigo referente a esse momento. Ento digite o seguinte entre BEGIN e END
if Key = VK_RETURN then browser.Navigate(endereco.Text);
A primeira linha diz que: se a tecla for ENTER ento... A segunda linha diz: O objeto Browser dever navegar no endereo fornecido pela propriedade TEXT no objeto endereco.

Navegador Bsico

Navegador Bsico
Escrevendo o Cdigo Agora para os objetos BUTTONS coloque os seguintes comandos (sempre entre BEGIN e END). Boto AVANAR Browser.GoForward; Boto VOLTAR Browser.GoBack; Boto ATUALIZAR Browser.Refresh; Boto IR Browser.navigate (endereco.text); Boto PARAR Browser.stop;

Salve tudo e execute seu programa.