Introdução ao
desenvolvimento de
apps para Android
Dia 2/2
Matheus
Calegaro
/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 o...
Activity vs. Intent
vs. Fragment
Activity vs. Intent vs. Fragment
Activity
Componente que provê uma tela a qual o
usuário pode interagir em troca de algo. ...
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
“onOption...
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...
Herde Activity (através da palavra-chave
extends) e implemente o método onCreate (não
se esquecendo do @Overrride) para de...
Abra o layout principal (activity_main), adicione
um Button e, na caixa de Propriedades (canto
inferior direito), vá até o...
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 horizon...
<LinearLayout> <RelativeLayout> <TableLayout>
Componentes
visuais
Componentes visuais
Exemplo de alguns componentes
TextView EditText
Button CheckBox
RadioButton
Switch
ImageView
NumberPicker
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...
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 Butto...
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
Toast
Elemento que provê feedback de alguma operação em uma
pequena janela popup. Desaparecem após um tempo, o qual é
dete...
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
Compan...
Após aguardar o projeto abrir, vá até o
“activity_main.xml” e adicione os elementos conforme
as imagens acima. Você pode a...
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 Butto...
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)
AlertDialog
Pequena 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...
Saca só o resultado, brother!
Processo de
deploy do APK
Deploy do APK
Deploy = ato de tornar sua aplicação disponível, seja
copiando arquivo por arquivo, empacotando-a…
APK = And...
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 t...
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...
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Próximos SlideShares
Carregando em…5
×

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

328 visualizações

Publicada em

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

Publicada em: Celular
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
328
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
24
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

  1. 1. Introdução ao desenvolvimento de apps para Android Dia 2/2
  2. 2. Matheus Calegaro /mathcale @mathcale /mathcale mathcale.com Prefiro o filme do Pelé
  3. 3. Para fazer um avatar de robô igual o meu: http://androidify.com
  4. 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. 5. Activity vs. Intent vs. Fragment
  6. 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. 7. Exemplo de Activity e Intent Intent
  8. 8. Exemplo de Fragment
  9. 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. 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. 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. 12. Vá até o arquivo AndroidManifest.xml (na pasta manifests) e registre nossa nova activity (Troque o OutraActivity pelo nome da sua)
  13. 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. 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. 15. Coloque para rodar e esse será o resultado (tomara!) Ao tocar no Button...
  16. 16. Tipos de layout
  17. 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. 18. <LinearLayout> <RelativeLayout> <TableLayout>
  19. 19. Componentes visuais
  20. 20. Componentes visuais
  21. 21. Exemplo de alguns componentes TextView EditText Button CheckBox RadioButton Switch ImageView NumberPicker
  22. 22. Interação com os componentes
  23. 23. No Android Studio, crie um novo projeto indo em File > New > New Project...
  24. 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. 25. Após aguardar o projeto abrir, vá até o “activity_main.xml” e adicione 3 Buttons, um do lado do outro
  26. 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. 27. Vá até a MainActivity.java e adicione os três métodos acima logo após o onOptionItemSelected, identando-os devidamente
  28. 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. 29. Copie e cole os três sons em SonsDePum/app/src/main/res/drawable
  30. 30. Retorne para a MainActivity.java e escreva o código acima em cada método
  31. 31. Vamos rodar?!
  32. 32. Ta-Da! Clique nos botões para tocar um som!
  33. 33. Toast
  34. 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. 35. No Android Studio, crie um novo projeto indo em File > New > New Project...
  36. 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. 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. 38. Vá até a MainActivity.java e adicione os quatro métodos acima logo após o onOptionItemSelected, identando-os devidamente
  39. 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. 40. Retorne na MainActivity.java e implemente o código acima
  41. 41. Retorne na MainActivity.java e implemente o código acima
  42. 42. Vamos rodar?!
  43. 43. Ta-Da! Toast maroto
  44. 44. Janelas popup (AlertDialog)
  45. 45. AlertDialog Pequena janela que solicita ao usuário tomar uma decisão ou inserir informações adicionais
  46. 46. Vamos implementá-lo na nossa Calculadora Marota! Crie o método acima logo após o } do dividir();
  47. 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. 48. Saca só o resultado, brother!
  49. 49. Processo de deploy do APK
  50. 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. 51. Vá até Build > Generate Signed APK...
  52. 52. Na janela que abriu, clique em Create new… para criar uma nova chave para o nosso app
  53. 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. 54. Voltaremos para a Generated Signed APK, mas agora ela estará preenchida! Clique em Next para continuar
  55. 55. Só clicar em Finish e tá pronto!
  56. 56. Acabou :(
  57. 57. CALMA AI!!!!11!
  58. 58. Dicas de livros/sites R$119,00 R$139,00 OBS: a documentação é a sua melhor amiga! https://developer.android.com
  59. 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

×