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.
0 comentários:
Postar um comentário