Introdução ao desenvolvimento de apps para Android - Dia 2/2

Introdução ao desenvolvimento de apps para AndroidDia 2/2

MatheusCalegaro

/mathcale

@mathcale

/mathcale

mathcale.com

Prefiro o filme do Pelé

Para fazer um avatar de robô igual o meu:

http://androidify.com

O que temos para hoje?

1. Activity vs. Intent vs. Fragment;

2. Tipos de layout;

3. Componentes visuais;

4. Interação com os componentes

5. Toast

6. Janelas popup (AlertDialog)

7. Processo de deploy do APK

Activity vs. Intent vs. Fragment

Activity vs. Intent vs. FragmentActivity

Componente que provê uma tela a qual o usuário pode interagir em troca de algo. Todo app começa com uma activity (a MainActivity).Fragment

Representa um comportamento ou uma porção de interface do usuário em uma activity. Como se fosse uma sub-activity, com seu ciclo de vida, layout, eventos…Intent

Objeto mensageiro que pode ser usado para pedir uma ação de outro componente, ou seja, uma espécie de ponte

Exemplo de Activity e Intent

Intent

Exemplo de Fragment

#partiu Android Studio!

Abra o projeto “OlaMundo” que fizemos ontem e

adicione o código acima logo após o “}” de

“onOptionItemSelected()”

Uma activity chama a outra

Clique com o botão direito na pasta

“com.curso.olamundo”, depois vá em “New” ->

Java Class e digite o nome da Nova Classe

Clique com o botão direito na pasta “layout”,

depois vá em “New” -> Layout Resource File e

digite o nome do Novo Layout

Vá até o arquivo AndroidManifest.xml (na pasta

manifests) e registre nossa nova activity (Troque

o OutraActivity pelo nome da sua)

Herde Activity (através da palavra-chave

extends) e implemente o método onCreate (não

se esquecendo do @Overrride) para definir o

layout da activity(mude activity_outra pelo nome

do seu layout)

Abra o layout principal (activity_main), adicione

um Button e, na caixa de Propriedades (canto

inferior direito), vá até onClick e digite o nome

do método que criamos na MainActivity

Coloque para rodar e esse será o resultado (tomara!)

Ao tocar no

Button...

Tipos de layout

Tipos de layout (principais)LinearLayout

Criado junto do novo projeto, posiciona os elementos lado a lado (se for horizontal) ou um debaixo do outro (se for vertical);RelativeLayout

A posição de cada elemento é definida em relação ao elemento filho;TableLayout

Os elementos são posicionados em linhas e colunas;FrameLayout

seu tamanho é definido pelo seu maior objeto, mas o espaçamento e todos os componentes são agrupados no canto superior esquerdo do layout.

<LinearLayout> <RelativeLayout> <TableLayout>

Componentes visuais

Componentes visuais

Exemplo de alguns componentes

TextView EditText

Button CheckBox

RadioButtonSwitch

ImageViewNumberPicker

Interação com os componentes

No Android Studio, crie um novo projeto indo em File > New >

New Project...

O projeto deve ter as seguintes configurações

Nome do campo Valor a ser inserido

Application Name SonsDePum

Company Domain exemplo.com

Minimum SDK API 15

Choose an Activity Blank Activity

Após aguardar o projeto abrir, vá até o

“activity_main.xml” e adicione 3 Buttons,

um do lado do outro

Clique 2 vezes sobre cada Button e, em text,

escreva “Som 1” e em id escreva “btnSomUm”.

Siga este padrão nos outro Buttons

Vá até a MainActivity.java e adicione os três métodos

acima logo após o onOptionItemSelected,

identando-os devidamente

1 - Clique no Button

2 - Vá até o onClick e

escreva o nome do

método correspondente

3 - Repita o processo nos

outros Buttons,

adicionando seus métodos

correspondentes

Copie e cole os três sons em

SonsDePum/app/src/main/res/drawable

Retorne para a MainActivity.java e escreva o código

acima em cada método

Vamos rodar?!

Ta-Da! Clique nos botões para tocar um som!

Toast

ToastElemento que provê feedback de alguma operação em uma pequena janela popup. Desaparecem após um tempo, o qual é determinado em milissegundos;

Fácil exibição e codificação: Toast.makeText(getApplicationContext(), “Sua mensagem”,

Toast.LENGTH_SHORT).show();

Permite customização;

Saiba mais emhttps://developer.android.com/intl/pt-br/guide/topics/ui/notifiers/toasts.html

No Android Studio, crie um novo projeto indo em File > New >

New Project...

O projeto deve ter as seguintes configurações

Nome do campo Valor a ser inserido

Application Name CalculadoraMarota

Company Domain exemplo.com

Minimum SDK API 15

Choose an Activity Blank Activity

Após aguardar o projeto abrir, vá até o

“activity_main.xml” e adicione os elementos conforme

as imagens acima. Você pode alterar a posição deles.

Vá até a MainActivity.java e adicione os quatro

métodos acima logo após o onOptionItemSelected,

identando-os devidamente

1 - Clique no Button

2 - Vá até o onClick e

escreva o nome do

método correspondente

3 - Repita o processo nos

outros Buttons,

adicionando seus métodos

correspondentes

Retorne na MainActivity.java e implemente o código

acima

Retorne na MainActivity.java e implemente o código

acima

Vamos rodar?!

Ta-Da!

Toast maroto

Janelas popup (AlertDialog)

AlertDialogPequena janela que solicita ao usuário tomar uma decisão ou inserir informações adicionais

Vamos implementá-lo na nossa Calculadora Marota!

Crie o método acima logo após o } do dividir();

Faça as adaptações necessárias nos métodos somar(),

subtrair(), multiplicar() e dividir(), chamando o

nossoAlertDialog() e passando como parâmetros o título do

alerta e a mensagem

Saca só o resultado, brother!

Processo de deploy do APK

Deploy do APKDeploy = ato de tornar sua aplicação disponível, seja copiando arquivo por arquivo, empacotando-a…

APK = Android Package, contém a aplicação Android. O A.S. nos força a assinar digitalmente o arquivo gerado, por fins de segurança;

Com o APK gerado, você mesmo pode distribuir sua aplicação livremente (caso ainda não tenha uma conta de dev da Google Play);

Este processo deve ser feito quando seu projeto está 100% finalizado e pronto para distribuição.

Vá até Build > Generate Signed APK...

Na janela que abriu, clique em Create new… para

criar uma nova chave para o nosso app

Nessa nova janela que abriu, preencha os dados da

mesma forma preenchida na imagem, alterando para

os seus dados. Quando terminar, clique em OK

Voltaremos para a Generated Signed APK, mas agora

ela estará preenchida! Clique em Next para continuar

Só clicar em Finish e tá pronto!

Acabou :(

CALMA AI!!!!11!

Dicas de livros/sites

R$119,00 R$139,00

OBS: a documentação é a sua melhor amiga!https://developer.android.com

Muito obrigado!Os códigos de hoje estão em http://github.com/mathcale/MiniCursoAndroid

Baixe este slide (e o de ontem) em: http://pt.slideshare.net/mathcale