29
GSO III ETEC MONSENHOR ANTONIO MAGLIANO 2013 Prof. Aloisio

GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Embed Size (px)

Citation preview

Page 1: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

GSO III

ETEC MONSENHOR ANTONIO MAGLIANO2013

Prof. Aloisio

Page 2: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Entendo melhor alguns conceitos

Page 3: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

ActivityÉ o componente que representa a tela, na qual o usuário

interage com a aplicação.

No momento de criação

do projeto se define ao

menos uma activity.

Na activity se

define qual será o

layout utilizado

Activity

Layout

Page 4: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Activity

Evento OnCreate É chamado quando a activity é criada.

Define o conteúdo a ser exibido, especificando um arquivo de layout.

Page 5: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Ciclo de vida ActivityOnCreate - é chamado quando a activity é criada.

onStart - é chamado após o onCreate, e antes da activity se tornar visível para o usuário.

onResume - é chamado após o onStart, quando a activity se torna visível para o usuário.

onPause - é chamado após o onResume, quando a activity está para perder a visibilidade para outraactivity.

onStop - a activity não está mais visível para o usuário.

onDestroy - a activity está prestes a ser destruída.

Page 6: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Layout

Page 7: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Layout

• As interfaces da aplicação são definidas em arquivos XML que ficam na pasta res/layout.

• Todos os arquivos de layout devem ficar nesta pasta, você não pode agrupá-los em outra pasta.

Há 2 tipos de elementos no XML de um layout: Containers e Widgets.

Page 8: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Layout (Containers)Um container é um elemento que agrega vários outros elementos, sejam eles outros containers ou widgets.

• LinearLayout - possui um atributo orientation que pode receber o valor vertical ou horizontal que indica que os elementos filhos devem ser agrupados na vertical ou horizontal.

• RelativeLayout - é um layout que permite posicionar os elementos filhos de maneira relativa, um em relação ao outro.

• FrameLayout - é um tipo de layout bem simples, que permite adicionar apenas um elemento. Se adicionar mais elementos, eles irão ser desenhados sobre os outros, parcialmente ou totalmente.

• TableLayout - como o nome sugere, serve para criar tabelas. Você deve adicionar elementos do tipo TableRow, e nestes elementos adicionar as células que deseja mostrar.

Page 9: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Layout (Widgets) Widgets são os elementos isolados como textos, botões, caixas de texto, etc.

• TextView - usado para mostrar textos na tela.• EditText - usado para que o usuário digite algum valor de entrada.• Button - usado para que o usuário execute ações através de cliques.• Etc.

Page 10: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Criando uma calculadora

Page 11: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Crie um projeto chamado Calculadora

Page 12: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Altere o Ícone da Aplicação

Sugestão: acesse o site www.iconfinder.com, busque por “calculator” com tamanho de 128 pixels e baixe um arquivo no formato PNG.

Page 13: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Renomeie a Activity e o Layout

CalculadoraActivity

main

Page 14: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

No arquivo de layout, selecione o objeto TextView e o renomeie o id para “txtValor1”

Page 15: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Depois clique no botão da propriedade Text

Page 16: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Clique em “New String” para criar uma string nova.Chame-a de valor1 e de conteúdo será “Valor 1 :”

1

2

3

Page 17: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Após a string valor1 ser criada, selecione-a e clique em “ok”. A propriedade Text será alterada.

Page 18: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Insira um objeto EditText , mude seu id para edtValor1

Page 19: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Insira mais um objeto TextView, mude se id para txtValor2, siga os passos anteriores para criar uma nova string chamada valor2 com texto: “Valor 2:” e a atribua à propriedade Text do objeto txtValor2

Page 20: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Insira outro objeto EditText , mude seu id para edtValor2

Page 21: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Insira um objeto Button, mude se id para btnSomar, siga os passos anteriores para criar uma nova string chamada somar com texto: “Somar” e a atribua à propriedade Text do objeto btnSomar

Page 22: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Insira mais um objeto TextView, mude se id para txtResultado, siga os passos anteriores para criar uma nova string chamada resultado com texto: “RESULTADO” e a atribua à propriedade Text do objeto txtResultado

Page 23: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

O Arquivo de Strings na pasta res\values

Nome da String

Valor da String

Page 24: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Na Classe CalculadoraActivity adicione os imports

Classes referenciadas na

classe CalculadoraActivity

Page 25: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Na Classe CalculadoraActivity edite o Evento onCreate

Page 26: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Classe R.java

Page 27: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

Rodando !!!

Page 28: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

AtividadeModifique o projeto para que seja possível realizar as 4 operações básicas: Soma,Subtração,Multiplicação e Divisão.

Dica 1Lembre-se de criar os novos objetos do tipo Button na Activity.

Dica 2Cada Botão deve possuir um Listener para o evento click.

Dica 3Lembre-se de criar Strings para cada botão no arquivo strings.xml na pasta \res\values.

Page 29: GSOIII Aula 8 - ANDROID - CRIANDO UMA CALCULADORA

BIBLIOGRAFIA• developers.android.com

• www.k19.com.br/downloads/apostilas/java/k19-k41-desenvolvimento-mobile-com-android

• www.slideshare.net/joseamacedo/introduo-ao-desenvolvimento-android?utm_source=slideshow&utm_medium=ssemail&utm_campaign=download_notification#