Criando Uma Calculadora Usando o Android Studio

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 android studio, estarei atualizando os projetos para o android studio e enviando para o github a começar por este.

Inscreva-se para receber


0 comentários:

Postar um comentário

.