Iniziare con Android Studio

Android Studio è un IDE abbastanza nuovo (Integrated Development Environment) reso disponibile gratuitamente da Google agli sviluppatori Android. Android Studio è basato su IntelliJ IDEA, un IDE che offre anche un buon ambiente di sviluppo Android. In questo tutorial, ti mostrerò come creare un nuovo progetto Android e sfruttare le funzionalità che Android Studio ha da offrire.

Quando inizi a utilizzare Android Studio, può essere molto utile utilizzare un modello di app Android. Puoi trovarne oltre un migliaio in vendita sul mercato Envato:

Modelli di app per Android in vendita su Envato Market

1. Impostazione del progetto

Prima di iniziare ad esplorare Android Studio, devi prima scaricarlo e installarlo. Si noti che è necessario aver installato JDK 6 o versione successiva. Se sei su Windows, avvia il .EXE file e seguire i passaggi della procedura guidata di installazione. Se stai utilizzando OS X, monta l'immagine del disco facendo doppio clic su di esso e trascina Android Studio sul tuo applicazioni cartella.

Se hai completato correttamente i passaggi precedenti, il tuo ambiente di sviluppo dovrebbe essere impostato correttamente. Ora sei pronto per creare la tua prima applicazione Android utilizzando Android Studio. Quando avvii Android Studio per la prima volta, dovresti presentarti una schermata di benvenuto, offrendoti una serie di opzioni per iniziare.

In questo tutorial, sceglieremo il Nuovo progetto opzione. Tuttavia, puoi scegliere Importa progetto se desideri importare un progetto, ad esempio da Eclipse, in Android Studio. Android Studio convertirà il progetto Eclipse in un progetto Android Studio, aggiungendo i necessari file di configurazione.

Se si seleziona Progetto aperto dall'elenco di opzioni, è possibile aprire progetti creati con Android Studio o IntelliJ IDEA. Scegliendo Dai un'occhiata al controllo della versione, puoi controllare una copia di un progetto sotto il controllo della versione. Questo è un ottimo modo per arrivare rapidamente alla velocità con un progetto esistente.

Per iniziare, scegli Nuovo progetto dalla lista di opzioni. Questo ti mostrerà una lista di opzioni per configurare il tuo nuovo progetto. In questo tutorial, creeremo una semplice applicazione per mostrarti alcune delle funzionalità più importanti di Android Studio. Sono sicuro che sei d'accordo sul fatto che non esiste un nome migliore per il nostro progetto Ciao mondo.

Come puoi vedere nello screenshot qui sopra, ho chiamato la mia applicazione Ciao mondo e impostare il nome del modulo su Ciao mondo. Se non hai familiarità con IntelliJ IDEA, potresti chiederti che cos'è un modulo. Un modulo è un'unità discreta di funzionalità che può essere compilata, eseguita, testata e eseguita il debug in modo indipendente. I moduli contengono codice sorgente, script di compilazione e tutto il resto richiesto per la loro attività specifica.

Quando si crea un nuovo progetto, è anche possibile impostare il nome del pacchetto del progetto. Per impostazione predefinita, Android Studio imposta l'ultimo elemento del nome del pacchetto del progetto sul nome del modulo, ma puoi cambiarlo con quello che vuoi.

Le altre impostazioni sono la posizione del progetto sulla macchina, l'SDK minimo e di destinazione, l'SDK con il quale il progetto verrà compilato e il tema del progetto. Puoi anche indicare a Android Studio di creare un Attività classe e un'icona di avvio personalizzata per te, e se il progetto supporta GridLayout, Fragments, un cassetto di navigazione o una barra delle azioni.

Non creeremo un'icona personalizzata per questa applicazione in modo da poter deselezionare la casella di controllo etichettata Crea un'icona di avvio personalizzata. Clic Il prossimo per continuare a configurare il tuo progetto.

Perché abbiamo controllato la casella di controllo Crea attività nel passaggio precedente, ti viene chiesto di configurare il Attività la classe Android Studio creerà per te.

Dal momento che inizieremo con uno spazio vuoto Attività classe, puoi cliccare Il prossimo per procedere al passaggio successivo nel processo di installazione in cui viene chiesto di denominare il Attività classe, il layout principale e il layout del frammento. Puoi anche impostare il tipo di navigazione, a cui andremo Nessuna per questo progetto. Dai un'occhiata allo screenshot successivo per vedere come dovrebbero essere le tue impostazioni.

Dopo aver cliccato finire, ti verrà presentata l'interfaccia utente di Android Studio con Project Explorer a sinistra e lo spazio di lavoro a destra. Con il tuo progetto configurato in Android Studio, è ora di esplorare alcune delle funzionalità chiave di Android Studio.


2. Dispositivi virtuali Android

Un dispositivo virtuale Android o AVD è una configurazione di emulatore che consente di modellare un dispositivo Android. Ciò rende molto più semplice eseguire e testare applicazioni su una vasta gamma di dispositivi. Con un dispositivo virtuale Android, è possibile specificare l'hardware e il software Emulatore Android ha bisogno di emulare.

Il modo preferito per creare un dispositivo virtuale Android è attraverso il Manager AVD, che puoi accedere in Android Studio selezionando Android> AVD Manager dal Utensili menu.

Se il tuo ambiente di sviluppo è impostato correttamente, il gestore dei dispositivi virtuali Android dovrebbe apparire simile allo screenshot qui sotto.

Per creare un nuovo AVD, fare clic su Nuovo... a destra, assegnare un nome all'AVD e configurare il dispositivo virtuale come mostrato di seguito. Clic ok per creare il tuo primo AVD.

Per utilizzare l'AVD appena creato, selezionarlo dall'elenco in AVD manager e fare clic su Inizio… sulla destra. Se il tuo AVD è impostato correttamente, l'Emulatore Android dovrebbe avviarsi come mostrato nello screenshot qui sotto.

Con l'emulatore Android attivo e funzionante, è il momento di avviare l'applicazione selezionando Esegui "helloworld" dal Correre menu. Ecco come è facile eseguire un'applicazione nell'emulatore Android.


3. Layout live

La funzione di layout live di Android Studio consente di visualizzare in anteprima l'interfaccia utente dell'applicazione senza la necessità di eseguirla su un dispositivo o sull'emulatore. La funzione di layout dal vivo è un potente strumento che ti farà letteralmente risparmiare ore. La visualizzazione dell'interfaccia utente dell'applicazione è molto più veloce utilizzando i layout live.

Per lavorare con i layout live, fare doppio clic su XML file di layout e selezionare il Testo scheda nella parte inferiore dell'area di lavoro. Seleziona il Anteprima scheda a destra dell'area di lavoro per visualizzare l'anteprima del layout corrente. Qualsiasi modifica apportata al XML il layout si rifletterà nell'anteprima a destra. Dai uno sguardo allo screenshot qui sotto per avere un'idea migliore di questa bella funzionalità.

Ci sono un certo numero di altri vantaggi della funzione di layout dal vivo che vale la pena sottolineare. È possibile, ad esempio, creare una variazione di XML layout su cui stai lavorando selezionando un'opzione dal primo menu in Anteprima riquadro. Ad esempio, puoi creare viste separate per verticale e orizzontale e Android Studio creerà per te le cartelle e i file necessari.

Il secondo menu nel riquadro di anteprima consente di modificare le dimensioni del dispositivo visualizzato nel riquadro di anteprima. Il terzo menu consente di modificare l'orientamento del dispositivo mostrato nel riquadro di anteprima, che consente di vedere facilmente come un layout appare in diversi orientamenti e utilizza temi diversi.

Il quarto menu nel riquadro Anteprima ti consente di accedere facilmente a Attività o frammento in cui viene utilizzato il layout. Il riquadro Anteprima consente inoltre di modificare la lingua utilizzata nel layout live per semplificare l'anteprima di un layout in diverse lingue. Il menu più a destra ti consente di cambiare la versione dell'API.

Il riquadro Anteprima include anche i controlli per ingrandire il layout, aggiornare il riquadro Anteprima o fare uno screenshot.


4. Modelli

Android Studio offre agli sviluppatori una serie di modelli per accelerare lo sviluppo. Questi modelli creano automaticamente un Attività e il necessario XML File. È possibile utilizzare questi modelli per creare un'applicazione Android di base, che è possibile eseguire su un dispositivo o nell'emulatore.

Con Android Studio, puoi creare un modello quando ne crei uno nuovo Attività. Fare clic con il tasto destro del mouse su nome del pacchetto nella navigazione di progetto a sinistra, selezionare Nuovo dal menu e scegliere Attività dalla lista di opzioni. Android Studio ti mostra quindi un elenco di modelli, ad esempio Attività vuotaAttività a schermo intero, e Attività a schede.

Puoi anche selezionare Immagine Asset dal menu, che avvierà una procedura guidata che guida l'utente attraverso il processo di creazione. Lascia che ti mostri come creare un nuovo Attività basato sul Attività di accesso modello. Seleziona il Attività di accesso opzione dalla lista di Attività modelli per accendere il wizard.

Come puoi vedere nello screenshot qui sopra, ho chiamato il Attività LoginActivity, impostare il Nome del layoutactivity_login, dato che Attività un titolo di Registrati. La casella di controllo etichettata Includi Google+ accedi è selezionato per impostazione predefinita. Deselezionala in quanto non utilizzeremo questa funzione nel nostro esempio.

Puoi opzionalmente impostare il Genitore gerarchico del nuovo Attività. Questo ti consentirà di tornare indietro se tocchi il pulsante Indietro del dispositivo. Lasceremo questo campo vuoto. Dopo aver cliccato finire, Android Studio crea i file e le cartelle necessari per te. Se tutto è andato bene, dovresti vedere un nuovo Attività e disposizione nel tuo progetto.

Il prossimo passo è impostare il nuovo Attività nel file manifest in modo che sia usato come principale Attività quando l'applicazione si avvia. Come puoi vedere nel file manifest sotto, il LoginActivity la classe ha il proprio nodo di attività.

         

Per far sì che la tua applicazione avvii il LoginActivity hai creato, rimuovi il nodo attività per il LoginActivity classe e sostituire com.tuts.HelloWorld.MainActivity
con com.tuts.HelloWorld.LoginActivity. Il risultato è che l'applicazione ora utilizzerà il LoginActivity classe come principale Attività.

       

Quando crei ed esegui la tua applicazione nell'emulatore, dovresti vedere una schermata simile a quella mostrata sotto. Ciò significa che abbiamo sostituito con successo lo spazio vuoto Attività classe con il nuovo creato LoginActivity classe.

5. Strumenti per la pelatura

Testare il codice è una cosa, ma è altrettanto importante applicare le migliori pratiche quando si scrive codice. Ciò migliorerà le prestazioni e la stabilità generale della tua applicazione. È anche molto più facile mantenere un progetto adeguatamente strutturato.

Include Android Studio Android Lint, un analizzatore statico che analizza il codice sorgente del tuo progetto. Può rilevare potenziali bug e altri problemi nel codice che il compilatore potrebbe ignorare.

Lo screenshot qui sotto, per esempio, ci dice che il LinearLayout in questo layout è inutile. La cosa bella di Android Lint è che ti dà una ragione per l'avviso o l'errore, che rende più facile risolvere o risolvere.

È buona norma eseguire lo strumento lint di Android Studio di volta in volta per verificare eventuali problemi del progetto. Lo strumento lint ti dirà anche se hai immagini o traduzioni duplicate.

Per eseguire lo strumento lint, selezionare Ispeziona codice ... dal Analizzare menu in Android Studio per avviare il processo. Quando Android Studio ha finito di ispezionare il tuo progetto, ti presenterà i risultati nella parte inferiore della finestra. Si noti che oltre a Android Lint, Android Studio esegue anche una serie di altri controlli. Basta fare doppio clic su un problema per accedere al file in cui si trova il problema.

6. Rich Layout Editor

Android Studio ha un ricco editor di layout in cui puoi trascinare e rilasciare i componenti dell'interfaccia utente. È inoltre possibile visualizzare in anteprima i layout su più configurazioni dello schermo come abbiamo visto in precedenza in questo tutorial.

Il ricco editor di layout è molto semplice da usare. Per prima cosa abbiamo bisogno di un layout con cui lavorare. Vai a disposizione cartella nel tuo progetto res cartella, fare clic con il tasto destro del mouse su disposizione cartella e selezionare Nuovo > File di risorse del layout dal menu che appare.

Assegnare un nome al nuovo layout, impostarne l'elemento radice e fare clic ok. Android Studio aprirà automaticamente il layout nell'editor a destra.

Nella parte inferiore dell'editor, dovresti vedere due schede, DesignTesto. Cliccando sul Testo la scheda mostra l'editor, permettendoti di apportare modifiche al layout attualmente selezionato.

Cliccando sul Design scheda mostra un altro editor che mostra un'anteprima del layout. Per aggiungere un widget al layout, trascinalo dall'elenco dei widget a sinistra al layout a destra. È così semplice.

Conclusione

In questo tutorial, abbiamo esaminato brevemente alcune delle funzionalità chiave di Android Studio. È molto simile a IntelliJ IDEA, ma contiene una serie di importanti miglioramenti che rendono lo sviluppo di Android più facile, più veloce e più divertente.

Se vuoi accelerare ulteriormente le cose, prova a utilizzare un modello di app Android da Envato Market o a lavorare con uno sviluppatore Android freelance su Envato Studio.