Como criar um aplicativo com o Android Studio: 8 etapas (com imagens)

Índice:

Como criar um aplicativo com o Android Studio: 8 etapas (com imagens)
Como criar um aplicativo com o Android Studio: 8 etapas (com imagens)

Vídeo: Como criar um aplicativo com o Android Studio: 8 etapas (com imagens)

Vídeo: Como criar um aplicativo com o Android Studio: 8 etapas (com imagens)
Vídeo: Como remover senha do Windows 7 SEM PROGRAMAS 2024, Marcha
Anonim

O Android Studio é o IDE oficial para aplicativos Android. Não custa nada e é compatível com as linguagens de programação Java e Kotlin. Dá a você grande controle sobre o que seu aplicativo faz. Então, por que não programar seu aplicativo nele? Este artigo espera que você conheça os fundamentos de Java; se não, consulte Como escrever seu primeiro programa em Java para obter uma introdução. Este wikiHow ensina como fazer um aplicativo básico no Android Studio.

Passos

Parte 1 de 4: Instalando o Android Studio

4296302 1
4296302 1

Etapa 1. Baixe o Android Studio

Certifique-se de baixar a versão correta para o sistema operacional (ou seja, Windows, Mac, Linux) que você está usando. O download tem cerca de 1 GB e pode levar vários minutos para ser baixado. Use as seguintes etapas para baixar e instalar o Android Studio: Certifique-se de obter a versão para o seu sistema.

  • Vá para https://developer.android.com/studio/index.html em um navegador da web.
  • Clique no botão verde que diz Baixe o Android Studio (certifique-se de que o sistema operacional correto esteja listado abaixo do botão.)
  • Clique na caixa de seleção ao lado de "Li e concordo com os termos e condições acima".
  • Clique no botão azul que diz Baixe o Android Studio para [seu sistema operacional].

  • Abra o arquivo de instalação.
  • Siga as instruções na tela
4296302 2
4296302 2

Etapa 2. Instale as dependências (somente Linux de 64 bits)

Se você tiver um computador Linux de 64 bits (pule esta etapa se não tiver), você terá que instalar alguns pacotes adicionais. Em um sistema que usa apt, digite na linha de comando: sudo apt-get install libc6: i386 libncurses5: i386 libstdc ++ 6: i386 lib32z1 libbz2-1.0: i386.

  • Se o seu sistema usa yum, digite o seguinte: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Alternativamente, você pode instalar facilmente o Android Studio no Ubuntu abrindo o Centro de Software. Clique no ícone que se assemelha a uma lupa no canto superior direito e digite "Android Studio" na barra de pesquisa. Clique no ícone do Android Studio e, em seguida, clique em Instalar Tem um ícone que se assemelha a uma bússola de desenho na forma de um "A" dentro de um círculo verde.
4296302 3
4296302 3

Etapa 3. Extraia o arquivo (somente lLinux)

Pule esta etapa se você baixou se baixou um arquivo de instalação no Windows ou Mac, ou se baixou o Android Studio do Software Center no Ubuntu. Caso contrário, mude para o diretório no qual você baixou o arquivo. Em seguida, clique com o botão direito do mouse no gerenciador de arquivos e selecione a opção "Extrair aqui". ou digite "tar -xf downloadName.tar.gz" na linha de comando (substitua "downloadName" pelo nome do arquivo que você acabou de baixar).

4296302 4
4296302 4

Etapa 4. Inicie o Android Studio

Se você baixou um arquivo.exe ou.dmg, basta clicar duas vezes nele. Se você baixou e extraiu um arquivo, abra o Terminal e mude para o subdiretório "bin" do diretório com os arquivos extraídos (geralmente "android-studio"). Isso é feito digitando cd android-studio / bin. Execute o arquivo "studio.sh" digitando./studio.sh.

4296302 5
4296302 5

Etapa 5. Decida se deseja importar as configurações

Se esta é a primeira vez que usa o Android Studio, selecione Não. Se você já usou antes e deseja ter as configurações anteriores, selecione sim e especifique onde você os salvou.

4296302 6
4296302 6

Etapa 6. Decida se deseja enviar dados de uso ao Google

Esta é uma decisão pessoal e não mudará nada no processo de instalação ou programação.

4296302 7
4296302 7

Etapa 7. Aguarde até que uma janela apareça

Ele se chamará "Android Studio Setup Wizard". Clique em Próximo para prosseguir.

4296302 8
4296302 8

Etapa 8. Decida se deseja fazer uma instalação padrão ou personalizada

Se esta é a primeira vez que usa o Android Studio e / ou você não tem requisitos especiais, deve selecionar "Padrão".

4296302 9
4296302 9

Etapa 9. Aguarde até que os componentes sejam baixados e clique em Concluir

Isso levará algum tempo e você poderá fazer outra coisa enquanto isso. Quando eles forem baixados, clique em Terminar.

Parte 2 de 4: Iniciando um Novo Projeto

4296302 10
4296302 10

Etapa 1. Abra o Android Studio

Tem um ícone que se assemelha a uma bússola de desenho na forma de um A dentro de um círculo verde. Clique no ícone para abrir o Android Studio.

4296302 11
4296302 11

Etapa 2. Clique em + Iniciar um novo projeto Android Studio

Ele é encontrado na janela "Bem-vindo ao Android Studio", diretamente sob o logotipo do Android Studio. Se você não vir essa janela, verifique se ela está oculta por outras janelas que você abriu.

4296302 12
4296302 12

Etapa 3. Selecione uma atividade e clique em Avançar

Quando você inicia um novo projeto Android, ele exibe uma variedade de modelos que você pode selecionar. Você também pode selecionar os dispositivos que deseja projetar para usar as guias na parte superior (ou seja, telefone e tablet, WearOS, TV, etc.) Para aprender a fazer aplicativos, você deve selecionar "Atividade vazia". Depois de descobrir a programação do aplicativo, você pode usar os recursos adicionais que as outras atividades fornecem.

4296302 13
4296302 13

Etapa 4. Digite um nome para o seu aplicativo

Isso vai no campo abaixo de "Nome" na parte superior da página "Configure seu projeto". Deve ser curto e descritivo para que você possa ver imediatamente para que serve o aplicativo.

4296302 14
4296302 14

Etapa 5. Selecione Java como o idioma

Use o menu suspenso abaixo de "Idioma" para selecionar Java.

4296302 15
4296302 15

Etapa 6. Selecione para qual versão do Android você deseja criar

Use o menu suspenso ao lado de "Nível mínimo de API" para selecionar a versão mais antiga do Android com a qual seu aplicativo será compatível. Para um aplicativo simples, você deve escolher uma versão compatível com a maioria dos dispositivos, mesmo que seja mais antiga.

4296302 16
4296302 16

Etapa 7. Clique em Concluir

Isso cria um novo projeto Android Studio. Aguarde alguns minutos enquanto o sistema de compilação automatizado configura seu projeto.

Parte 3 de 4: Programando o aplicativo

4296302 17
4296302 17

Etapa 1. Entenda o que você deseja fazer

Pense sobre que entrada o usuário dará, como você irá processá-la (você pode improvisar durante a programação, mas você deve ter um esboço de como isso deve funcionar), como você exibirá a saída para o usuário. Este exemplo mostra como criar um aplicativo onde o usuário pode inserir dois números e a soma é exibida.

4296302 18
4296302 18

Etapa 2. Abra o editor de traduções

É uma boa prática usar apenas strings dos recursos de tradução, mesmo se você não estiver traduzindo o aplicativo. Use as seguintes etapas para abrir o editor de traduções:

  • Clique na guia que diz activity_main.xml no topo.
  • Clique no menu suspenso que diz "Padrão (en-us)" na parte superior ao lado de um ícone que se assemelha a um globo.
  • Clique na opção que diz Editar traduções ….
4296302 19
4296302 19

Etapa 3. Adicione algum texto

Você terá que explicar ao usuário o que ele deve fazer com o aplicativo. Use as seguintes etapas para adicionar texto:

  • Pressione no sinal de mais (+) no canto superior esquerdo do editor de tradução para adicionar uma string.
  • Insira uma chave curta (é como um nome de variável, por exemplo "main_instruction".)
  • Insira o texto completo em inglês ao lado de "Valor padrão" (ou seja, "Insira dois números para adicionar:").
  • Clique OK.
  • Se desejar, você pode adicionar uma localidade usando o botão que representa um globo com um sinal de + nele e, em seguida, traduzir todo o texto para essa localidade.
4296302 20
4296302 20

Etapa 4. Clique na guia activity_main.xml.

Isso fecha o editor de tradução e volta para a tela principal da atividade. Você verá uma tela vazia com uma caixa de texto exibindo o texto "Hello World!" no meio. Por enquanto, esta é uma interface bastante inútil.

4296302 21
4296302 21

Etapa 5. Substitua "Hello World

". Use as seguintes etapas para substituir o texto" Hello World! ":

  • Clique na caixa de texto no centro.
  • Selecione a entrada identificada como "texto" no lado direito.
  • Substitua "Olá, mundo!" com "@ string / main_instruction" (ou como você chamou a chave que você criou). A caixa de texto agora exibirá o texto que você inseriu para aquela chave.
  • Arraste a caixa de texto mais para cima de modo que você tenha espaço para outros elementos abaixo dela.
  • Clique com o botão direito na entrada de "TextView" no menu que exibe todos os itens da tela e selecione Restringir seguido pela pai top.

    Se isso mover a caixa de texto para uma posição inaceitável, mova-a de volta para onde estava e repita. Selecione Centro seguido pela Horizontalmente para centralizar a caixa de texto horizontalmente.

4296302 22
4296302 22

Etapa 6. Coloque duas entradas numéricas na tela

Use as seguintes etapas para adicionar entradas numéricas na tela:

  • Clique Texto no painel à esquerda abaixo de "Paleta".
  • Arraste dois Número (assinado) entradas até a tela de visualização.
  • Use a caixa de texto rotulada "Id" no painel Atributos à direita para alterar os IDs para algo que você possa lembrar (ou seja, "número1" e "número2".) Evite usar espaços no Id.
  • Restrinja e centralize as entradas de número da mesma forma que você fez com a caixa de texto no topo. Você pode ignorar o aviso sobre a falta do atributo "autoFillHints".
4296302 23
4296302 23

Etapa 7. Coloque um botão "Adicionar" na tela

Use as seguintes etapas para adicionar um botão "Adicionar":

  • Clique Botões no painel à esquerda abaixo de "Paleta".
  • Arrastar Botão na tela.
  • Adicione uma string no editor de tradução com a chave "text_add" e "Add" como valor padrão.
  • Volte para "activity_main.xml" e substitua o texto "Button" por "@ string / text_add" no painel Atributos à direita
  • Dê ao botão um ID descritivo, como "buttonAdd" ao lado de "Id" no painel Atributos à direita.
  • Restrinja e centralize o botão como você fez com os outros objetos na tela.
4296302 24
4296302 24

Etapa 8. Adicione as duas strings de tradução

Abra o Editor de Tradução e crie duas novas strings. Um deve ser chamado de "resultado" como a chave e "Resultado" como o valor padrão. O outro deve ser chamado de "not_yet_calculated" como a chave e "não calculado ainda" como o valor padrão.

4296302 25
4296302 25

Etapa 9. Adicione duas outras caixas de texto

Use as seguintes etapas para adicionar duas novas caixas de texto:

  • Volte para a guia "Activity_main.xml".
  • Clique Texto no painel à esquerda abaixo de "Paleta".
  • Arraste dois TextView caixas de texto na tela.
  • Substitua as cordas pelas que você adicionou.
  • Dê à caixa de texto que exibe "ainda não calculado" um ID como "resultOut" no campo "id" do painel Atributos.
  • Limite essas caixas de texto ao topo dos pais e ao início dos pais.
4296302 26
4296302 26

Etapa 10. Mude para "mainActivity.java"

Este é o arquivo que contém o código do aplicativo.

4296302 27
4296302 27

Etapa 11. Declare as variáveis necessárias

Você precisará obter a entrada do usuário, para reagir quando o usuário pressiona um botão e para alterar a caixa de texto "ainda não calculado" para o resultado do cálculo. Para fazer isso, o programa precisa "ver" os itens na tela. Você deve declará-los como finais porque nunca os mudará diretamente, apenas seus atributos. Portanto, digite o seguinte na linha abaixo da função onCreate (), após a linha com "setContentView (). Se as caixas de texto e os botões tiverem nomes diferentes dos abaixo, altere-os conforme necessário. Digite o código manualmente. Não funcionará se você copiar e colar. O código é o seguinte:

EditText final num1 = findViewById (R.id.number1); final EditText num2 = findViewById (R.id.number2); botão final buttonAdd = findViewById (R.id.buttonAdd); final TextView resultOut = findViewById (R.id.resultOut);

4296302 28
4296302 28

Etapa 12. Crie um ouvinte de clique

Esta é a função que é chamada quando o usuário clica no botão. Para adicionar um, digite o seguinte abaixo da última linha "final" do código:

buttonAdd.setOnClickListener (new View. OnClickListener () {@Override public void onClick (View v) {

} });

4296302 29
4296302 29

Etapa 13. Adicione o código ao ouvinte de clique

Você deseja obter as entradas do usuário, convertê-las em inteiros, adicioná-las e alterar o texto da caixa de texto "ainda não calculado" para o resultado. Adicione o seguinte código abaixo da linha "public void onClick (View v)":

soma int = Integer.parseInt (num1.getText (). toString ()) + Integer.parseInt (num2.getText (). toString ()); resultOut.setText (Integer.toString (sum));

Parte 4 de 4: Testando o aplicativo

4296302 30
4296302 30

Etapa 1. Construir o APK

Use as seguintes etapas para criar o arquivo APK:

  • Clique no Construir aba.
  • Clique Build Bundle (s) / APK (s)
  • Clique Construir APK (s).
4296302 31
4296302 31

Etapa 2. Clique no link "localizar" no pop-up que aparece no canto inferior direito

Isso abrirá a pasta com o APK no gerenciador de arquivos.

4296302 32
4296302 32

Etapa 3. Conecte seu smartphone Android ao computador

Use o cabo de transferência USB / microUSB para conectar seu smartphone ou tablet ao computador.

4296302 33
4296302 33

Etapa 4. Copie o APK para o seu smartphone

Para evitar bagunça no smartphone, crie um novo diretório para seus APKs (por enquanto é apenas um, mas se continuar desenvolvendo, logo terá vários) ou use o diretório de Downloads. Não copie o arquivo.json, apenas ignore-o.

4296302 34
4296302 34

Etapa 5. Encontre o APK no smartphone

Abra o gerenciador de arquivos. Se não estiver nos downloads recentes ou na seção de APKs, pesquise-o.

4296302 35
4296302 35

Etapa 6. Toque no APK

Isso perguntará se você deseja instalá-lo. Tocar sim e aguarde a instalação.

  • Você deve permitir a instalação de aplicativos de fontes externas nas configurações do smartphone para poder instalar e testar seu aplicativo nele.
  • Você pode excluir o APK após a instalação. Você sempre pode construir um novo em seu computador se precisar dele novamente.
4296302 36
4296302 36

Etapa 7. Abra o aplicativo no smartphone

Ele terá um logotipo Android branco atrás de um fundo azul esverdeado escuro como ícone.

4296302 37
4296302 37

Etapa 8. Verifique se o aplicativo funciona conforme o esperado

Pontas

Se você criar algo que acha que será útil para outras pessoas, poderá publicar seu aplicativo em alguma plataforma de distribuição como o Google Play. Mas enquanto você ainda está aprendendo, você também pode manter seus experimentos de programação para si mesmo, tendo apenas salvado localmente em seu smartphone e computador

Avisos

  • Digitar qualquer comando mencionado neste artigo na linha de comando do Windows não funciona. Use os outros métodos especificados.
  • Instale o Android Studio apenas quando tiver uma boa conexão com a Internet. Se for interrompido com frequência durante o processo de instalação, podem ocorrer problemas inesperados.

Recomendado: