Apresentação do segundo dia do mini-curso de desenvolvimento de aplicativos para Android, ministrado por mim na FAETERJ/Paracambi - RJ.

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

8. Exemplo de Activity e Intent
Intent

9. Exemplo de Fragment

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

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

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

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

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

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

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

17. Tipos de layout

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

19. <LinearLayout> <RelativeLayout> <TableLayout>

20. Componentes
visuais

21. Componentes visuais

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

23. Interação com os
componentes

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

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

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

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

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

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

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

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

32. Vamos rodar?!

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

34. Toast

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

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

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

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

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

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

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

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

43. Vamos rodar?!

44. Ta-Da!
Toast maroto

45. Janelas popup
(AlertDialog)

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

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

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

49. Saca só o resultado, brother!

50. Processo de
deploy do APK

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

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

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

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

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

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

58. Acabou :(

59. CALMA AI!!!!11!

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

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