Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Criando o Primeiro Projeto no Android Studio

102 views

Published on

Hoje compartilho o material da aula onde ensinei algo sobre a criação de projetos no Android Studio. Nesta aula também vimos como iniciar uma nova activity (abrir outra tela do app), trocar o nome do app e adicionar navegação entre as activities.

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

Criando o Primeiro Projeto no Android Studio

  1. 1. Criando um Novo Projeto Prof. Esp. Tiago A. Silva www.tiago.blog.br TECNOLOGIAS PARA MOBILIDADE
  2. 2. OBJETIVOS ✓APRENDER A CRIAR UM NOVO PROJETO NO ANDROID STUDIO ✓Criar uma aplicação simples ✓Visualizar o Hello Word no AVD ✓Adicionar uma activity ✓Trocar de telas ✓Trocar nome do App ✓Adicionar botão voltar ✓Abrir um projeto existente Material em: www.tiago.blog.br www.tiago.blog.br 2
  3. 3. CRIANDO O PRIMEIRO PROJETO
  4. 4. Antes de Abrir o Android Studio... 4 Se você estiver usando um computador com pouca memória RAM é aconselhável, antes de iniciar esta aula, fechar todos os programas abertos. No comutador deverá haver apenas o Android Studio, Emulador do AVD e seu leitor de PDF.www.tiago.blog.br
  5. 5. Tela Inicial do Android Studio 5 1 Projetos criados por mim anteriormente. No seu computador pessoal eles poderão aparecer aqui. Caso contrário use a opção “Open na existing Android Studio project” www.tiago.blog.br
  6. 6. 6 2 3 www.tiago.blog.br
  7. 7. 7 4 Não esqueça de selecionar a API 14: Android 4.0! www.tiago.blog.br
  8. 8. 8 5 www.tiago.blog.br
  9. 9. 9 6 www.tiago.blog.br
  10. 10. CONHECENDO OS ELEMENTOS DA INTERFACE DO ANDROID STUDIO
  11. 11. 11 2 1 3 5 4 www.tiago.blog.br
  12. 12. Conhecendo a Interface • ELEMENTOS LISTADOS NO SLIDE ANTERIOR: 1) Barra de Títulos, com a Localização do seu Projeto 2) Visualização da estrutura do seu Projeto 3) Diretórios onde estarão os arquivos XML de design do App 4) Arquivo XML aberto para edição da interface do App 5) Arquivo Java aberto para edição dos comportamentos do App 12www.tiago.blog.br
  13. 13. Modificando nosso Banco de Dados 13 1 2 3 4 5 www.tiago.blog.br
  14. 14. Conhecendo a Interface • ELEMENTOS LISTADOS NO SLIDE ANTERIOR: 1) Lista de componentes para serem adicionados à Activity 2) Árvore da ordem dos elementos no layout da Activity 3) Pré visualização do tela do App 4) Valor do zoom aplicado na pré visualização 5) Botão para instalar e executar o aplicativo no AVD 14www.tiago.blog.br
  15. 15. COMO VISUALIZAR MEU PROJETO NO AVD?
  16. 16. Visualizando o Projeto no AVD 16 2 3 1 www.tiago.blog.br
  17. 17. COMO ADICIONAR MAIS UMA ACTIVITY AO MEU PROJETO?
  18. 18. Adicionando uma Nova Activity 18 1 2 3 www.tiago.blog.br
  19. 19. 19 4 5 www.tiago.blog.br
  20. 20. Modificando nosso Banco de Dados 20 E ESSE ERRO? Esse erro pode acontecer porque o Gradle precisa fazer downloads de dependências. É necessário desativar o modo off-line e clicar na opção acima “try again” www.tiago.blog.br
  21. 21. 21 1 2 Sem o erro o Andoid Studio cria dois arquivos no projeto: SegundaTela.java em 1) e activity_segunda_tela.xml em 2). Esses dois arquivos são, respectivamente, o arquivo de programação em Java e o arquivo de layout (visual). www.tiago.blog.br
  22. 22. COMO IR DE UMA ACTIVITY PARA OUTRA?
  23. 23. Transição Entre Telas 23 2 3 1 www.tiago.blog.br
  24. 24. Conhecendo a Interface • ELEMENTOS LISTADOS NO SLIDE ANTERIOR: 1) Neste caso vamos da abrir uma segunda tela a partir da Main Activity. Então abra o arquivo Java desta actity para adicionarmos o método ir_para_segunda_tela que irá nos levar de uma Activity para outra. 2) Imports necessários ao código. Veremos detalhes nas aulas seguintes. 3) Não digite packetContext, esse texto é adicionado automaticamente pelo Android Studio. 24www.tiago.blog.br
  25. 25. Transição Entre Telas 25 5 6 7 4 www.tiago.blog.br
  26. 26. Conhecendo a Interface • ELEMENTOS LISTADOS NO SLIDE ANTERIOR: 1) Adicione um botão para ser clicado para levar para a segunda tela. 2) Arraste até a posição indicada (veja que mais a frente ele mudará de lugar. Por que?) 3) Alterar o texto do botão 4) Defina o método ir_para_segunda_tela no evento onClick do botão. 26www.tiago.blog.br
  27. 27. Transição Entre Telas 27 8 A segunda tela aparece em branco porque não adicionamos nada a ela ainda. www.tiago.blog.br
  28. 28. COMO TROCAR O NOME DO MEU APLICATIVO?
  29. 29. Como 29 1 2 www.tiago.blog.br
  30. 30. Como Trocar o Nome do Meu Aplicativo? 30 3 4 Execute o App novamente para ver o nome mudar! www.tiago.blog.br
  31. 31. COMO ADICIONAR NAVEGAÇÃO ENTRE AS ACTIVITIES?
  32. 32. Como Trocar o Nome do Meu Aplicativo? 32 1 2 Edite as linhas conforme a imagem. Note que vamos definir uma Activity de inicio, que será a MainActivity www.tiago.blog.br
  33. 33. Como Trocar o Nome do Meu Aplicativo? 33 ANTES DEPOIS www.tiago.blog.br
  34. 34. COMO ABRIR UM PROJETO EXISTENTE?
  35. 35. Como abrir um Projeto Existente? 35www.tiago.blog.br 1 Navegue até a pasta do projeto. Caso ele esteja no Pen Drive, copie-o para o computador, caso contrário o Android Studio ficará muito lento.
  36. 36. OBRIGADO! tiago@tiago.blog.br www.tiago.blog.br

×