Calculadora

Boa tarde pessoal, os posts nesse início de blog estão sofrendo um atraso incômodo por causa da minha falta de tempo devido ao trabalho, mas estarei fazendo o possível para estar trazendo para vocês os novos posts sem demora.

Hoje aprenderemos a fazer uma calculadora simples, com as quatro operações básicas.

Crie um novo projeto com as informações conforme a imagem abaixo:

Interface

Para construir a interface gráfica utilizaremos o layout TableLayout  e o TableRow. O TabletLayout é um layout que organiza os componentes na forma de tabelas com linhas e colunas o componente TabletRow representa as linhas dessa tabela.

Exclua o arquivo xml da pasta layout da aplicação e crie-o novamente com o TableLayout:

Vá até a pasta res do projeto abra a pasta layout, clique com o botão direito do mouse no arquivo xml do projeto e clique em delete.

Criando arquivo xml

Clique com botão direito na pasta layout > new > Android XML File:

 

Depois de criado o arquivo de layout, clique com o botão direito do mouse no layout e depois em addRow, criamos a primeira linha do projeto TableRow1, repita esse processo mais 5 vezes.

Configura as seguintes propriedades do Tablelayout:

• Stretch Columns: 0,1,2,3;
• Padding: 5dp;

Na primeira linha coloque um componente EditText com os seguintes valores nos parâmetros id e text:

• Id: txt_visor;
• Texto: 0.0;

Na segunda linha coloque quatro Buttons com os seguintes valores nos parâmetros id e text:

• Id: bt_7, bt_8, bt_9 e bt_divi;
• Text: 7, 8, 9, /;

Na terceira linha coloque quatro Buttons com os seguintes valores nos parâmetros id e text:

• Id: bt_4, bt_5, bt_6 e bt_mult;
• Text: 4, 5, 6  ,  *;

Na quarta linha coloque quatro Buttons com os seguintes valores nos parâmetros id e text:

• Id: bt_1, bt_2, bt_3 e bt_subt;
• Text: 1, 2, 3  ,  -;

Na quinta linha coloque quatro Buttons com os seguintes valores nos parâmetros id e text:

• Id: bt_ponto, bt_0, bt_igual e bt_soma;
• Text: ., 0,  =  , +-;

Se todos os passos até aqui foram feitos corretamente, a interface pronte deve ser igual a imagem abaixo:

Implementando as funções da calculadora

Vamos agora criar as funções para efetuar operações na calculadora.

Variáveis a serem utilizadas na aplicação:

Inicializa os componentes da tela:

Trata os eventos dos componentes na tela:

 

Teclado numérico:

Para efetuarmos uma operação na calculadora primeiramente criaremos a função que faz o teclado numérico da calculadora funcionar.

Inserir ponto, limpar visor e armazenar operações:

Efetuar operações:

Fechar aplicativo:

Eventos dos componentes

Adicione um implements onClickListener a classe:

O nome da classe vai ficar sublinhado de vermelho, vefique o erro e note que ele pedirá para incluir métodos complementares, adicione esse método então aparecerá um novo método noa classe chamado onClick implemente esse método da seguinte forma:

Se tudo foi feito corretamente é só executar e testar a aplicação:

Segue abaixo o link com os códigos do aplicativo calculadora e calculadora de gorjetas do post anterior:

Atualização: o link do projeto calculadora está no github e foi desenvolvido com anroid studio, estarei atualizando os projetos para o android studio e enviando para o github a começar por este.

https://github.com/DeveloperMobile/Calculadora

http://www.4shared.com/rar/x-S55Qg7/CalcularGorjetas.html

 Até a próxima!