10
02/02/2017 Estudando: Android Studio Básico Cursos Online Grátis | Prime Cursos https://www.primecursos.com.br/openlesson/10218/104899/ 1/10 ESTUDANDO: ANDROID STUDIO BÁSICO Vamos programar: Código calculadora :: Exemplo clássico: Calculadora Primeiro vamos criar um novo projeto: File, New, New Project. Preencha os campos conforme figura abaixo. Depois de tudo preenchido clique em Next e na tela seguinte não vamos alterar nada, clique em Next.

Programando calculadora Android

Embed Size (px)

Citation preview

Page 1: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 1/10

ESTUDANDO: ANDROID STUDIO BÁSICO

Vamos programar: Código calculadora

:: Exemplo clássico: Calculadora

Primeiro vamos criar um novo projeto: File, New, New Project. Preencha os campos conforme figura abaixo.

Depois de tudo preenchido clique em Next e na tela seguinte não vamos alterar nada, clique em Next.

Page 2: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 2/10

Agora escolha o template em branco e clique em Next.

Preencha as informações da nossa atividade (activity) conforme figura abaixo.

Page 3: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 3/10

Tudo preenchido, clique em Finish. Nosso projeto está criado.

Obs: caso o emulador do celular não apareça de primeira (aconteceu comigo), basta dar um Refresh.

Agora vamos alterar o texto exibido pelo elemento Large Text. Vamos alterar de “Hello Word para” para “Digite oprimeiro valor: ”. Para isso, clique no elemento Large Text do Hello Word, clique na propriedade text e altere otexto. Depois de digitar o novo texto, Enter. Ver figura.

Page 4: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 4/10

Agora vamos colocar um elemento Plain Text , com a propriedade width(largura) igual a 400 e a propriedade id como “valor1”. A propriedade id é que vamos utilizar como nome de variávelquando formos alterar o código Java, então temos que ter um nome com algum sentido para nós.

Agora um outro elemento Large Text com a propriedade text com o nome “Digite o segundo valor: ”, propriedadetextSize (é o tamanho da fonte)com o valor 14 . Um outro elemento Plain Text com a mesma largura de 400 e apropriedade id “valor2”.

Perceba que a cor dos elementos está diferente, podemos alterar isso na propriedade textColor

, por exemplo eu vou trocar para vermelho.

Page 5: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 5/10

Agora vamos inserir um componente Button “Somar”. Vamos alterar apropriedade text para “SOMAR” , width 100 e id btSomar.

Agora vamos ao código. Abra o arquivo CalculadoraBasicaActivity, siga a figura.

E você terá a tela com o código do arquivo Java:

Page 6: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 6/10

Vamos agora realizar a importação de alguns pacotes da plataforma Android para a nossa aplicação. Expanda osinal de mais (+) do comando import e declare os pacotes conforme figura.

Agora antes (tem que ser antes) do comando @Override da linha 17 digite:

EditText valor1, valor2;Button btsomar;

Page 7: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 7/10

Declaração de atributos

Agora, após o comando:

digite os seguintes comandos conforme a figura.

Obs: calma, que vamos rever/explicar o que está acontecendo neste código mais adiante.

Agora vamos criar um evento para o nosso botão SOMAR, este evento será chamado sempre que o usuário clicar(ou tocar)no botão e irá executar a somar de valor1 + valor 2 e exibir o resultado na tela.

Logo depois do código btsomar = (Button)... da linha 26, vamos inserir o código abaixo para gerar o evento nobotão Somar, linha 28 a 43.

Page 8: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 8/10

Sempre que clicar no botão ele exibe o resultado da soma na tela, beleza.

Agora execute a aplicação , veja na tela. Teste a soma que já já vamos explicar o código.

Page 9: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 9/10

Resultado após o clique no botão SOMAR.

Agora vamos entender o código do evento do botão SOMAR.

Page 10: Programando calculadora Android

02/02/2017 Estudando: Android Studio Básico ­ Cursos Online Grátis | Prime Cursos

https://www.primecursos.com.br/openlesson/10218/104899/ 10/10

­ Linha 28: O método setOnClickListener. É ele que irá definir o evento de clique/toque em um componente, nonosso caso um Button. Recebe como parâmetro uma instância da interface OnClickListener.

­ Linha 30: O método onClick. Este método será acionado sempre que o botão for clicado/tocado.

­ Linha 31: Uma variável chamada num1 que recebe o valor contido dentro do componente valor1, que no caso éum Large Text onde o usuário digita um valor. O método parseDouble da classe Double transforma uma String emum Double (o componente Large Text recebe uma string e o parseDouble transforma essa String em um Doublepara poder realizar a soma). Como parâmetro eu chamo o método toString de getText de valor1, isso serve pararealmente passar uma String como valor de parâmetro para o método parseDouble.

­ Linha 33: é a mesma coisa da linha 32 só que para a variável num2 que irá receber valor2.

­ Linha 35: uma variável soma do tipo Double que irá receber a soma de num 1 + num 2.

­ Linha 36: Classe AlertDialog.Builder. Ela é responsável por exibir uma mensagem na tela dentro de uma caixa dediálogo. Cria a instância da classe AlertDialog.Builder que será representada e guardada dentro da variável dialogo.

­ Linha 38: método setTitle que define o título da caixa de diálogo.

­ Linha 39: método setMessage que define a mensagem que será exibida logo após a soma.

­ Linha 40: método setNutrallButton define o botão de OK.

­ Linha 41: método show que exibe imediatamente a mensagem na tela.