Come creare un'app con Android Studio: 8 passaggi (con immagini)

Sommario:

Come creare un'app con Android Studio: 8 passaggi (con immagini)
Come creare un'app con Android Studio: 8 passaggi (con immagini)

Video: Come creare un'app con Android Studio: 8 passaggi (con immagini)

Video: Come creare un'app con Android Studio: 8 passaggi (con immagini)
Video: How to remove password protection from a Microsoft® Word 2007 document 2024, Aprile
Anonim

Android Studio è l'IDE ufficiale per le app Android. Non costa nulla e supporta i linguaggi di programmazione Java e Kotlin. Ti dà un grande controllo su ciò che fa la tua app. Allora perché non programmare la tua app al suo interno? Questo articolo si aspetta che tu conosca le basi di Java, in caso contrario, guarda Come scrivere il tuo primo programma in Java per un'introduzione. Questo articolo spiega come creare un'app di base in Android Studio.

Passi

Parte 1 di 4: installazione di Android Studio

4296302 1
4296302 1

Passaggio 1. Scarica Android Studio

Assicurati di scaricare la versione corretta per il sistema operativo (ad esempio Windows, Mac, Linux) che stai utilizzando. Il download è di circa 1 GB e potrebbe richiedere diversi minuti per il download. Utilizza i seguenti passaggi per scaricare e installare Android Studio: Assicurati di ottenere la versione per il tuo sistema.

  • Vai a https://developer.android.com/studio/index.html in un browser web.
  • Fare clic sul pulsante verde che dice Scarica Android Studio (assicurati che il sistema operativo corretto sia elencato sotto il pulsante.)
  • Fare clic sulla casella di controllo accanto a "Ho letto e accetto i termini e le condizioni di cui sopra".
  • Fare clic sul pulsante blu che dice Scarica Android Studio per [Il tuo sistema operativo].

  • Apri il file di installazione.
  • Segui le istruzioni sullo schermo
4296302 2
4296302 2

Passaggio 2. Installare le dipendenze (solo Linux a 64 bit)

Se hai un computer Linux a 64 bit (salta questo passaggio in caso contrario), dovrai installare alcuni pacchetti aggiuntivi. Su un sistema che utilizza apt, immettere nella riga di comando: sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386.

  • Se il tuo sistema utilizza yum, inserisci invece quanto segue: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • In alternativa, puoi installare facilmente Android Studio su Ubuntu aprendo il Software Center. Fai clic sull'icona che assomiglia a una lente di ingrandimento nell'angolo in alto a destra e inserisci "Android Studio" nella barra di ricerca. Fare clic sull'icona di Android Studio e quindi fare clic su Installare Ha un'icona che ricorda un compasso da disegno a forma di "A" all'interno di un cerchio verde.
4296302 3
4296302 3

Passaggio 3. Estrarre l'archivio (solo lLinux)

Salta questo passaggio se hai scaricato se hai scaricato un file di installazione su Windows o Mac o se hai scaricato Android Studio dal Software Center su Ubuntu. Altrimenti, passa alla directory in cui hai scaricato l'archivio. Quindi, fai clic con il pulsante destro del mouse su di esso nel file manager e seleziona l'opzione "Estrai qui". oppure inserisci "tar -xf downloadName.tar.gz" nella riga di comando (sostituisci "downloadName" con il nome del file appena scaricato).

4296302 4
4296302 4

Passaggio 4. Avvia Android Studio

Se hai scaricato un file.exe o.dmg, fai doppio clic su di esso. Se hai scaricato ed estratto un archivio, apri il Terminale e passa alla sottodirectory "bin" della directory con i file estratti (di solito "android-studio"). Questo viene fatto digitando cd android-studio/bin. Esegui il file "studio.sh" digitando./studio.sh.

4296302 5
4296302 5

Passaggio 5. Decidi se importare le impostazioni

Se è la prima volta che utilizzi Android Studio, seleziona No. Se lo hai usato prima e vuoi avere le impostazioni precedenti, seleziona e specifica dove li hai salvati.

4296302 6
4296302 6

Passaggio 6. Decidi se inviare i dati di utilizzo a Google

Questa è una decisione personale e non cambierà nulla nel processo di installazione o programmazione.

4296302 7
4296302 7

Passaggio 7. Attendi finché non viene visualizzata una finestra

Si chiamerà "Installazione guidata di Android Studio". Clicca su Prossimo procedere.

4296302 8
4296302 8

Passaggio 8. Decidi se eseguire un'installazione standard o personalizzata

Se è la prima volta che utilizzi Android Studio e/o non hai requisiti speciali, seleziona "Standard".

4296302 9
4296302 9

Passaggio 9. Attendere il download dei componenti e fare clic su Fine

Questo richiederà del tempo e nel frattempo puoi fare qualcos'altro. Quando vengono scaricati, fare clic su Fine.

Parte 2 di 4: iniziare un nuovo progetto

4296302 10
4296302 10

Passaggio 1. Apri Android Studio

Ha un'icona che ricorda un compasso da disegno a forma di A all'interno di un cerchio verde. Fare clic sull'icona per aprire Android Studio.

4296302 11
4296302 11

Passaggio 2. Fare clic su + Avvia un nuovo progetto Android Studio

Si trova nella finestra denominata "Benvenuto in Android Studio", direttamente sotto il logo di Android Studio. Se non vedi tale finestra, controlla se quella finestra è nascosta da altre finestre che hai aperto.

4296302 12
4296302 12

Passaggio 3. Selezionare un'attività e fare clic su Avanti

Quando avvii un nuovo progetto Android, mostra una varietà di modelli che puoi selezionare. Puoi anche selezionare i dispositivi che desideri progettare utilizzando le schede in alto (ad es. Telefono e tablet, WearOS, TV, ecc.). Per imparare a creare app, dovresti selezionare "Attività vuota". Quando hai capito la programmazione dell'app, puoi utilizzare le funzionalità aggiuntive fornite dalle altre attività.

4296302 13
4296302 13

Passaggio 4. Inserisci un nome per la tua app

Questo va nel campo sotto "Nome" nella parte superiore della pagina "Configura il tuo progetto". Dovrebbe essere breve e descrittivo in modo da vedere immediatamente a cosa serve l'app.

4296302 14
4296302 14

Passaggio 5. Selezionare Java come lingua

Usa il menu a tendina sotto "Lingua" per selezionare Giava.

4296302 15
4296302 15

Passaggio 6. Seleziona la versione di Android per la quale desideri progettare

Utilizza il menu a discesa accanto a "Livello API minimo" per selezionare la prima versione di Android con cui la tua app sarà compatibile. Per un'app semplice, dovresti scegliere una versione supportata dalla maggior parte dei dispositivi, anche se più vecchia.

4296302 16
4296302 16

Passaggio 7. Fare clic su Fine

Questo crea un nuovo progetto Android Studio. Attendi qualche minuto mentre il sistema di compilazione automatizzato imposta il tuo progetto.

Parte 3 di 4: Programmazione dell'app

4296302 17
4296302 17

Passaggio 1. Comprendi cosa vuoi fare

Pensa a quale input darà l'utente, come lo elaborerai (puoi improvvisare durante la programmazione, ma dovresti avere uno schema di come dovrebbe funzionare), come visualizzerai l'output all'utente. Questo esempio mostra come creare un'app in cui l'utente può inserire due numeri e viene visualizzata la somma.

4296302 18
4296302 18

Passaggio 2. Aprire l'editor delle traduzioni

È buona norma utilizzare solo le stringhe delle risorse di traduzione, anche se non stai traducendo l'app. Utilizzare i seguenti passaggi per aprire l'editor delle traduzioni:

  • Fare clic sulla scheda che dice attività_main.xml in cima.
  • Fai clic sul menu a discesa che dice "Predefinito (en-us)" in alto accanto a un'icona che assomiglia a un globo.
  • Fare clic sull'opzione che dice Modifica traduzioni….
4296302 19
4296302 19

Passaggio 3. Aggiungi del testo

Dovrai spiegare all'utente cosa dovrebbe fare con l'app. Utilizzare i seguenti passaggi per aggiungere del testo:

  • Premere sul più (+) nell'angolo in alto a sinistra dell'editor di traduzione per aggiungere una stringa.
  • Inserisci un tasto breve (è come un nome di variabile, ad esempio "main_instruction".)
  • Inserisci il testo inglese completo accanto a "Valore predefinito" (ad es. "Inserisci due numeri da aggiungere:").
  • Clic Ok.
  • Se lo desideri, puoi aggiungere un'impostazione internazionale utilizzando il pulsante che raffigura un globo con un segno +, quindi tradurre tutto il testo in tale impostazione.
4296302 20
4296302 20

Passaggio 4. Fare clic sulla scheda activity_main.xml.

Questo chiude l'editor di traduzione e torna alla schermata principale dell'attività. Vedrai uno schermo vuoto con una casella di testo che mostra il testo "Hello World!" nel mezzo. Per ora, questa è un'interfaccia piuttosto inutile.

4296302 21
4296302 21

Passaggio 5. Sostituisci "Hello World

". Utilizzare i seguenti passaggi per sostituire il testo "Hello World!":

  • Fare clic sulla casella di testo al centro.
  • Seleziona l'input etichettato "testo" sul lato destro.
  • Sostituisci "Ciao mondo!" con "@string/main_instruction" (o come hai chiamato la chiave che hai creato). La casella di testo ora visualizzerà il testo che hai inserito per quella chiave.
  • Trascina la casella di testo più in alto in modo da avere spazio per altri elementi sotto di essa.
  • Fare clic con il tasto destro del mouse sulla voce "TextView" nel menu che visualizza tutti gli elementi sullo schermo e selezionare Vincolare seguito da genitore in alto.

    Se questo sposta la casella di testo in una posizione inaccettabile, riportala dove si trovava e ripeti. Selezionare Centro seguito da Orizzontalmente per centrare la casella di testo orizzontalmente.

4296302 22
4296302 22

Passaggio 6. Posizionare due input numerici sullo schermo

Utilizzare i seguenti passaggi per aggiungere input numerici sullo schermo:

  • Clic Testo nel pannello a sinistra sotto "Palette".
  • Trascina due Numero (firmato) ingressi alla schermata di anteprima.
  • Usa la casella di testo etichettata "Id" nel pannello Attributi a destra per cambiare gli ID in qualcosa che puoi ricordare (cioè "numero1" e "numero2".) Evita di usare spazi nell'ID.
  • Vincola e centra gli input numerici proprio come hai fatto con la casella di testo in alto. Puoi ignorare l'avviso sulla mancanza dell'attributo "autoFillHints".
4296302 23
4296302 23

Passaggio 7. Posiziona un pulsante "Aggiungi" sullo schermo

Utilizzare i seguenti passaggi per aggiungere un pulsante "Aggiungi":

  • Clic pulsanti nel pannello a sinistra sotto "Palette".
  • Lagna Pulsante sullo schermo.
  • Aggiungi una stringa nell'editor di traduzione con la chiave "text_add" e "Add" come valore predefinito.
  • Torna a "activity_main.xml" e sostituisci il testo "Button" con "@string/text_add" nel pannello Attributi a destra
  • Assegna al pulsante un ID descrittivo, come "pulsanteAggiungi" accanto a "Id" nel pannello Attributi a destra.
  • Vincola e centra il pulsante come hai fatto con gli altri oggetti sullo schermo.
4296302 24
4296302 24

Passaggio 8. Aggiungi le due stringhe di traduzione

Apri l'editor di traduzione e crea due nuove stringhe. Uno dovrebbe essere chiamato "risultato" come chiave e "Risultato" come valore predefinito. L'altro dovrebbe essere chiamato "non_ancora_calcolato" come chiave e "non ancora calcolato" come valore predefinito.

4296302 25
4296302 25

Passaggio 9. Aggiungi altre due caselle di testo

Utilizzare i passaggi seguenti per aggiungere due nuove caselle di testo:

  • Torna alla scheda "Activity_main.xml".
  • Clic Testo nel pannello a sinistra sotto "Palette".
  • Trascina due TextView caselle di testo sullo schermo.
  • Sostituisci le stringhe con quelle che hai aggiunto.
  • Assegna alla casella di testo che visualizza "non ancora calcolato" un ID come "resultOut" nel campo "id" del pannello Attributi.
  • Vincola queste caselle di testo all'inizio del genitore e all'inizio del genitore.
4296302 26
4296302 26

Passaggio 10. Passa a "mainActivity.java"

Questo è il file che contiene il codice dell'app.

4296302 27
4296302 27

Passaggio 11. Dichiarare le variabili necessarie

Sarà necessario ottenere l'input dell'utente, reagire quando l'utente preme un pulsante e modificare la casella di testo "non ancora calcolata" con il risultato del calcolo. Per fare ciò, il programma deve "vedere" gli elementi sullo schermo. Dovresti dichiararli come definitivi perché non li cambierai mai direttamente, solo i loro attributi. Quindi digita quanto segue nella riga sotto la funzione onCreate(), dopo la riga con "setContentView(). Se le caselle di testo e i pulsanti hanno nomi diversi da quelli sotto, modificali secondo necessità. Inserisci il codice manualmente. Non funzionerà se copi e incolli. Il codice è il seguente:

finale EditText num1 = findViewById(R.id.number1); finale EditText num2 = findViewById(R.id.number2); final Button buttonAdd = findViewById(R.id.buttonAdd); risultato TextView finale = findViewById(R.id.resultOut);

4296302 28
4296302 28

Passaggio 12. Crea un ascoltatore di clic

Questa è la funzione che viene chiamata quando l'utente fa clic sul pulsante. Per aggiungerne uno, digita quanto segue sotto l'ultima riga di codice "finale":

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

} });

4296302 29
4296302 29

Passaggio 13. Aggiungi il codice nel listener di clic

Vuoi ottenere gli input dell'utente, convertirli in numeri interi, sommarli e modificare il testo della casella di testo "non ancora calcolata" nel risultato. Aggiungi il seguente codice sotto la riga "public void onClick(View v)":

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

Parte 4 di 4: test dell'app

4296302 30
4296302 30

Passaggio 1. Crea l'APK

Utilizzare i seguenti passaggi per creare il file APK:

  • Clicca il Costruire scheda.
  • Clic Crea bundle/APK/i
  • Clic Crea APK.
4296302 31
4296302 31

Passaggio 2. Fare clic sul collegamento "localizza" nel popup visualizzato nell'angolo in basso a destra

Questo aprirà la cartella con l'APK nel file manager.

4296302 32
4296302 32

Passaggio 3. Collega il tuo smartphone Android al computer

Usa il cavo di trasferimento USB/microUSB per collegare il tuo smartphone o tablet al computer.

4296302 33
4296302 33

Passaggio 4. Copia l'APK sul tuo smartphone

Per evitare di fare disordine sullo smartphone, o crea una nuova directory per i tuoi APK (per ora è una sola, ma se continui a sviluppare ne avrai presto molti) oppure usa la directory dei Download. Non copiare il file.json, ignoralo.

4296302 34
4296302 34

Passaggio 5. Trova l'APK sullo smartphone

Apri il file manager. Se non è nei download recenti o nella sezione APK, cercalo.

4296302 35
4296302 35

Passaggio 6. Tocca l'APK

Questo ti chiederà se installarlo. Rubinetto e attendere l'installazione.

  • Devi consentire l'installazione di app da fonti esterne nelle impostazioni dello smartphone per poter installare e testare la tua app su di esso.
  • Puoi eliminare l'APK dopo l'installazione. Puoi sempre crearne uno nuovo sul tuo computer se ne hai bisogno di nuovo.
4296302 36
4296302 36

Passaggio 7. Aprire l'app sullo smartphone

Avrà un logo Android bianco dietro uno sfondo blu-verde scuro come icona.

4296302 37
4296302 37

Passaggio 8. Verificare se l'app funziona come previsto

Suggerimenti

Se crei qualcosa che pensi possa essere utile ad altri, puoi pubblicare la tua app su qualche piattaforma di distribuzione come Google Play. Ma mentre stai ancora imparando, puoi anche tenere per te i tuoi esperimenti di programmazione, avendoli solo salvati localmente sul tuo smartphone e computer

Avvertenze

  • La digitazione di tutti i comandi menzionati in questo articolo nella riga di comando di Windows non funziona. Utilizzare invece gli altri metodi specificati.
  • Installa Android Studio solo quando disponi di una buona connessione Internet. Se viene interrotto spesso durante il processo di installazione, possono verificarsi problemi imprevisti.

Consigliato: