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

2.
Matheus
Calegaro
/mathcale
@mathcale
/mathcale
mathcale.com
Prefiro o filme do
Pelé

3.
Para fazer um avatar de
robô igual o meu:
http://androidify.com

4.
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

5.
Activity vs. Intent
vs. Fragment

6.
Activity vs. Intent vs. Fragment
Activity
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

7.
Exemplo de Activity e Intent
Intent

8.
Exemplo de Fragment

9.
#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

10.
Clique com o botão direito na pasta
“com.curso.olamundo”, depois vá em “New” ->
Java Class e digite o nome da Nova Classe

11.
Clique com o botão direito na pasta “layout”,
depois vá em “New” -> Layout Resource File e
digite o nome do Novo Layout

12.
Vá até o arquivo AndroidManifest.xml (na pasta
manifests) e registre nossa nova activity (Troque
o OutraActivity pelo nome da sua)

13.
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)

14.
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

15.
Coloque para rodar e esse será o
resultado (tomara!)
Ao tocar no
Button...

16.
Tipos de layout

17.
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.

18.
<LinearLayout> <RelativeLayout> <TableLayout>

19.
Componentes
visuais

20.
Componentes visuais

21.
Exemplo de alguns componentes
TextView EditText
Button CheckBox
RadioButton
Switch
ImageView
NumberPicker

22.
Interação com os
componentes

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

24.
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

25.
Após aguardar o projeto abrir, vá até o
“activity_main.xml” e adicione 3 Buttons,
um do lado do outro

26.
Clique 2 vezes sobre cada Button e, em text,
escreva “Som 1” e em id escreva “btnSomUm”.
Siga este padrão nos outro Buttons

27.
Vá até a MainActivity.java e adicione os três métodos
acima logo após o onOptionItemSelected,
identando-os devidamente

28.
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

29.
Copie e cole os três sons em
SonsDePum/app/src/main/res/drawable

30.
Retorne para a MainActivity.java e escreva o código
acima em cada método

31.
Vamos rodar?!

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

33.
Toast

34.
Toast
Elemento 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 em
https://developer.android.com/intl/pt-br/guide/topics/ui/notifiers/toasts.html

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

36.
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

37.
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.

38.
Vá até a MainActivity.java e adicione os quatro
métodos acima logo após o onOptionItemSelected,
identando-os devidamente

39.
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

40.
Retorne na MainActivity.java e implemente o código
acima

41.
Retorne na MainActivity.java e implemente o código
acima

42.
Vamos rodar?!

43.
Ta-Da!
Toast maroto

44.
Janelas popup
(AlertDialog)

45.
AlertDialog
Pequena janela que solicita ao usuário tomar uma
decisão ou inserir informações adicionais

46.
Vamos implementá-lo na nossa Calculadora Marota!
Crie o método acima logo após o } do dividir();

47.
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

48.
Saca só o resultado, brother!

49.
Processo de
deploy do APK

50.
Deploy do APK
Deploy = 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.

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

52.
Na janela que abriu, clique em Create new… para
criar uma nova chave para o nosso app

53.
Nessa nova janela que abriu, preencha os dados da
mesma forma preenchida na imagem, alterando para
os seus dados. Quando terminar, clique em OK

54.
Voltaremos para a Generated Signed APK, mas agora
ela estará preenchida! Clique em Next para continuar

55.
Só clicar em Finish e tá pronto!

56.
Acabou :(

57.
CALMA AI!!!!11!

58.
Dicas de
livros/sites
R$119,00 R$139,00
OBS: a documentação é a sua
melhor amiga!
https://developer.android.com

59.
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