10 - Fazendo Uma Simples Calculadora - Android

  • Published on
    25-Jul-2015

  • View
    2.403

  • Download
    0

DESCRIPTION

10 - Fazendo Uma Simples Calculadora - Android, Rodrigo Lopes Ferreira

Transcript

Objetivo: Com este Laboratrio, voc ir aprender a utilizar componentes para entrada de texto e botes. Aprender a colocar uma ao no boto e atualizar a tela em tempo de execuo, no momento em que far o clculo de soma dos valores informados pelo usurio atravs das caixas de texto.

Passo a Passo: 1) Abra o Eclipse IDE 2) Crie um novo Projeto Android com os seguintes dados (se tiver dvidas sobre a criao de um novo projeto, por favor, verifique o Laboratrio 4 Criando o projeto Ol Mundo): Project Name: CalculadoraAndroid Build Target: Google APIs Application name: CalculadoraAndroid Package name: br.com.curso.android.calculadora Create Activity: Calculadora Min SDK Version: 8 3) D um duplo clique no arquivo res/layout/main.xml para abrir o editor de Layout.

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 1 de 7

4) Na categoria Text Fields, localize o componente Number e arraste-o para debaixo do texto Hello World, Calculadora

5) O Layout da aplicao deve ter ficado parecido com a imagem acima 6) Vamos ajustar as propriedades dos componentes que acabamos de colocar atravs do editor de XML puro 7) Localize na parte inferior da categoria Views, a aba main.xml 8) Clique sobre ela e o cdigo XML do layout ser exibido para edio 9) Altere a propriedade android:id do componente EditText de @+id/EditText01 para @+id/edTexto1

10) Fazendo isso, poderemos obter a referncia a este objeto dentro da nossa atividade Java atravs da expresso R.id.edTexto1 11) Vamos tambm definir a propriedade android:text, que informa o texto padro a ser exibido pela caixa de texto, atribua valor 0 Dica: O que define que o usurio poder digitar apenas nmeros nesta caixa de texto, a propriedade android:inputType=number

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 2 de 7

4) As propriedades devem ser ajustadas como na imagem acima 5) Agora, preciso duplicar o componente , para que tenhamos a segunda caixa de entrada. Copie todo o bloco e cole em baixo. 6) Altere a propriedade: android:id=@+id/edTexto1 para android:id=@+id/edTexto2

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 3 de 7

7) Agora vamos ter uma pr visualizao de como est ficando a tela. Para isto, vamos sair do modo XML e voltar para o modo de visualizao. 8) Localize na parte inferior da categoria Pallete, a aba Graphical Layout 9) Clique sobre ela para voltar para o modo de pr visualizao

10) Agora precisamos criar um boto que ir fazer o clculo dos valores informados 11) Arraste um componente Button da categoria Form Widgets para baixo do EditText edTexto2

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 4 de 7

12) Volte para o Layout XML e altere as propriedades do Button criado da seguinte forma: android:text=Somar android:id=@+id/botaoSomar android:onClick=somar

13) As propriedades do arquivo XML devem ficar iguais a imagem acima 14) Execute a aplicao no emulador para ver o resultado 15) Agora j temos toda a estrutura de design da aplicao, precisamos ento, codificar a nossa atividade (Activity) 16) Abra o diretrio src, expanda o pacote br.com.curso.android.calculadora e d um duplo clique sobre o arquivo Calculadora.java

17) A imagem acima exibe a estrutura de uma atividade (Activity) que gerada automaticamente quando se cria uma nova aplicao Android no Eclipse. 18) Toda atividade do Android deve estender a classe Activity e sobrescrever o mtodo public void onCreate(Bundle savedInstance). Este mtodo o ponto de entrada da atividade, uma espcie de mtodo main do Java. 19) Este mtodo, por padro, chama o mtodo da super classe e depois o mtodo setContentView que define qual o layout XML responsvel pela renderizao da atividade.

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 5 de 7

20) No Layout XML definimos como propriedade android:onClick do boto (botaoSomar) o mtodo somar, logo, precisamos declarar este mtodo na atividade, para que ele possa ser acionado. 21) Ento, vamos criar o mtodo somar que deve ter a seguinte assinatura:public void somar(View botao)

22) A imagem acima exibe o cdigo fonte do boto somar. O que ele faz: a. Obtm as referncias dos componentes EditText atravs dos seus IDs b. Obtm os valores dos EditTexts e converte-os para Double somando-os c. Cria um objeto Toast (uma mensagem que aparece e some depois de um tempo determinado), passado o texto desejado e a durao da mensagem. 23) Faa o deploy da aplicao para o emulador e teste-a (clicando com o boto direito sobre o projeto CalculadoraAndroid, Run As e Android Application)Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 6 de 7

24)Se voc chegou a um resultado parecido com este, parabns! Agora praticar os conceitos aprendidos, colocar novos componentes e junt-los em novas ideias!

Mini curso Android Rodrigo Lopes Ferreira (rodrigo.lopes.ferreira@hotmail.com). Pgina 7 de 7

Recommended

View more >