Técnicas de Desenvolvimento de Aplicativos – Calculadora

                Olá caros alunos.

                Hoje, em nossa aula de laboratório, iremos desenvolver uma Calculadora. O desenvolvimento desta aplicação nos ajudará muito a compreender algumas aplicações de conceitos vistos em sala de aula.

Aplicação: Calculadora

Objetivos:

Uso de variáveis e tipos;

Criação de rotinas em seus respectivos eventos;

Armazenamento de valores;

Concatenação de String;

Operações Matemáticas.

Etapas:

Desenvolvimento da Interface Gráfica

Consiste na criação da tela do programa. Deve-se levar em consideração aspectos fundamentais tais como cores utilizadas, alinhamento dos objetos e clareza. Uma Interface amigável e intuitiva é a chave para o bom uso de um software.

As funcionalidades do aplicativo interferem de maneira direta na tela do programa. Abaixo, um exemplo de Interface para uma calculadora com as 4 operações matemáticas básicas.

                Na construção de sua tela, lembre-se de alterar a propriedade NAME dos objetos, utilizando a nomenclatura definida.

                Altere a propriedade CAPTION para mudar o conteúdo escrito no rótulo dos botões e na barra de títulos de seu formulário.

                Observe que os botões são separados por um quadro, chamado FRAME. Você pode criar um objeto Frame na sua aplicação, localizado na Barra de Ferramentas.

A Interface descrita acima trata-se apenas de uma sugestão. Sinta-se livre para adicionar funcionalidades como potenciação, radiciação, etc.

Estado Inicial do Programa

O estado inicial da aplicação na maioria das vezes, é definido no evento Form_Load(), Em uma calculadora, o estado inicial é simples.

Você já deve ter notado que ao ligar uma calculadora convencional, o número zero fica explícito no visor. Em nosso caso, além de exibir o valor padrão (zero), temos que bloquear a caixa de texto para impedir que o usuário digite algum valor. A codificação é mais simples do que parece.

Private Sub Form_Load()

txtVisor.text = “0”           ‘estabelecendo o valor inicial 0(zero) na caixa de texto

txtvisor.Enabled = false                               ‘bloqueando caixa de texto

End sub

Observe que o número Zero encontra-se entre aspas. Isso, porque estamos inserindo na caixa de texto o caractere ‘0’, que será convertido em um número no momento da operação matemática. Verifique o nome correto de sua TextBox. No exemplo acima, a propriedade Name foi alterada para txtVisor.

Ativação dos Números

A programação dos botões referentes aos números pode também, de certa forma,  ser considerada simples. No entanto, alguns cuidados devem ser tomados.

Imagine que o usuário clique no botão referente ao número ‘5’ e em seguida no botão ‘8’:

Ao primeiro clique, o antigo valor ‘0’ dá lugar ao novo número ‘5’. No momento do segundo clique o valor ‘8’ deve se juntar ao ‘5’, dando origem ao número ‘58’.

Mas como desenvolver tal solução para este ‘micro-problema’?

Ao clicar pela primeira vez, o valor ‘Zero’, colocado por padrão, será substituído pelo novo valor. Porém, no segundo clique, a caixa de texto deve receber o novo número, antecedido pelo valor clicado anteriormente. Dessa forma, devemos fazer uma verificação para distinguir o primeiro algarismo, dos demais. Confuso não?

                Lembre-se que o primeiro passo para o desenvolvimento de um programa, é entender a lógica de seu funcionamento.

                Uma vez a lógica raciocinada, cabe a nós somente traduzi-la para a Linguagem de Programação. Segue abaixo a rotina para o botão ‘5’.

Public cmdCinco_click()

                               If txtVisor.text = 0 then                               ‘Verificação Primeiro clique = verdadeiro

                                               txtVisor.text = “5”          ‘adicionando valor 5 ao visor

                               else                                                      ‘Primeiro clique = falso

                                               txtVisor.text = txtVisor.text & “5”   ‘Juntando valor 5 ao conteúdo do visor

                               end IF

                End Sub

                Sempre que é necessário verificar uma condição no programa, utilizamos a estrutura IF…ELSE…END IF. Essa estrutura nos permite executar comandos diferentes caso uma condição seja verdadeira, dando caminhos alternativos à execução do aplicativo.

Note que verificamos se o valor do visor é ‘Zero’, já que esse é o número padrão do estado inicial da calculadora. Caso algum valor já exista, significando que algum número já foi clicado, juntamos o novo valor, ao valor já existente no visor. A essa técnica, damos o nome de Concatenação.

                A Concatenação é utilizada, quando desejamos juntar dois ou mais textos, utilizando o operador de Concatenação ‘&’. Ex: “1” & “1” = “11”.              

                Essa mesma lógica é utilizada para os botões ‘1’ ao ‘9’. Vamos tentar?

                Ficamos por aqui hoje e daremos continuidade semana que vem. Um grande abraço a todos.