Criando um App Calculadora para Android

Esse é um tutorial sobre programação para android, vamos começar Criando um App calculadora para Android, um tutorial simples e para isso vamos programar um pouco em Java e escrever um pouco de xml, usando o software AIDE (esse tutorial pode ser usado com o Eclipse ou com o Android Studio). Para quem não conhece o AIDE recomendo a leitura desse outro artigo

Criando novo App

Criando um App Calculadora para Android

Vamos abrir o AIDE e criar um novo projeto. Para isso pode ser necessário clicar em ‘Code: For Experts’. Pode ser necessário clicar em ‘Create new project here’. Aê tem a opção ‘New App – Eclipse /Android SDK / Java / xml’. Aí aparece a tela de criação de novo App. Vamos dar o nome de TutorialCalculadora e o nome do pacote como tutorial.calculo.

Agente clica em ‘create’ , o AIDE gera a base do App com alguns arquivos (principalmente o main.xml e o MainActivity.java (que são abertos automaticamente))

Pra fazer a calculadora agente vai editar esses arquivos, mas para quem quiser ir conhecendo o AIDE pode clicar no triangulo (Play) no menu superior. Assim o AIDE vai gerar o arquivo instalador da App (que por enquanto ainda não é uma calculadora). Além de gerar esse instalador, o AIDE vai executar e instalar a aplicação (inclusive criar um ícone na tela de aplicativos) (pode ser necessário alterar uma configuração do Android para permitir que aplicativos de fora da Play Store sejam instalados)

Compilando

Criando um App Calculadora para Android

tutimg03

Criando um App Calculadora para Android

tutimg04

Criando um App Calculadora para Android

tutimg05

Criando um App Calculadora para Android

tutimg06

Criando um App Calculadora para Android

Quando a gente ‘abre’ esse App que criamos (abrir pelo AIDE ou pela tela de Apps…) é exibida uma tela em branco escrito ‘hello world’. Pra quem não sabe o que é ‘Hello World’ para programação de computadores: procure saber.

Hello World AIDE

Criando um App Calculadora para Android

Vamos alterar os códigos dos arquivos pelo AIDE para que nosso App faça mais do que simplesmente exibir essa frase.

 

Isso vai informar para o compilador que nossa App vai ter botões, um visor, etc… O xml aqui serve para organizar esses elementos na tela. Se você levar pra frente esse assunto de programação para Android, pode ser necessário conhecer mais sobre xml.

Vamos executar de novo (apertando o triangulo (PLAY) no menu superior).

O resultado já é outro bem diferente. Temos a tela de uma calculadora, graças ao arquivo xml.

Tela da Calculadora

Criando um App Calculadora para Android

 

Mas para fazer a calculadora funcionar vamos precisar mexer com JAVA !

Vamos alterar o arquivo MainActivity.java:

Código MainActivity.java

Criando um App Calculadora para Android

 

 

Esse código nos permite lidar com o objeto textview que criamos no xml. Podemos escrever na textview ‘programaticamente’ !
Vamos iniciar fazendo os botões dos números ‘escrever’ na textview:
Vamos incluir os imports

import android.view.View.OnClickListener;
import android.widget.Button;

e vamos criar a classe que ‘escuta’ os botões numéricos e escreve no visor da calculadora:

e vamos ‘setar o ouvidor do click’ ( setOnClickListener )
Ou seja, vamos informar pro compilador que os botões ativam a classe que criamos !
(botao.setOnClickListener(classe que escuta))
Para facilitar essa tarefa vamos criar um array de ‘ids de botões’.
(qualquer dúvida pode me procurar através do meu email [email protected])

O código completo até aqui fica:

Já temos a funcionalidade básica de escrever um número !
Vamos criar uma variavel ‘global’ currentString:

Vamos criar um ‘método’ setCurrentString que auxilia na hora de escrever números maiores que nove (mais de um digito)

 

 

Vamos aprimorar a classe Numberbuttonclicklistener:

Agora já é possível escrever números grandes.
Tela com números grandes

Falta fazer funcionar os botões que não são números…
Vamos criar uma outra classe

 

E vamos usar essa classe nos botões que não são numéricos (são operandos…)

E vamos inicializar o currentstring:
setCurrentString(“0”);

Essa classe OpperandButtonClickListener deve ser aprimorada.
A classe que escuta os números também precisa de alterações !
E vai ser necessário criar mais algumas variáveis ‘globais’.

Se você é um programador experiente, ou estiver seguindo esse tutorial pela segunda ou terceira vez, então você pode terminar por sua conta.

Senão, segue abaixo o código completo de uma versão que funciona ! (não é a melhor calculadora, mas serve para esse tutorial)

qualquer duvida me envie um email: [email protected]

Arquivo com os códigos-fonte: TutorialCalculadora

Criando um App Calculadora para Android
5 (100%) 1 vote
  • Allan Almeida

    Parabéns Rodrigo!

    Artigo nota 10 como sempre!

  • Rafael

    Boa noite!
    eu gostaria de uma dica como faria para os sinais das operações seres a presentados na tela?

  • Bom Rafael,
    Uma opção seria criar mais um TextView (em cima do local onde são apresentados os números)

    Mas acho que não precisa pois a calculadora já funciona legal sem essa funcionalidade…

  • Allan Almeida

    @naydson:disqus
    Obrigado pelo comentário.

    Você está convidado a escrever um artigo aqui em nosso site.

    Allan