Komma igång med Android Studio

Android Studio är en ganska ny IDE (Integrated Development Environment) som gratis tillhandahålls av Google till Android-utvecklare. Android Studio är baserat på IntelliJ IDEA, en IDE som också erbjuder en bra Android-utvecklingsmiljö. I den här handledningen visar jag dig hur du skapar ett nytt Android-projekt och dra nytta av de funktioner som Android Studio har att erbjuda.

När du precis börjat med Android Studio kan det vara till stor hjälp att använda en Android-appmall. Du kan hitta över tusen av dem till salu på Envato Market:

Android appmallar till salu på Envato Market

1. Projektinställningar

Innan du börjar utforska Android Studio måste du först hämta och installera den. Observera att du måste ha JDK 6 eller högre installerat. Om du är på Windows startar du .exe fil och följ stegen i installationsguiden. Om du kör OS X, montera diskbilden genom att dubbelklicka på den och dra Android Studio till din tillämpningar mapp.

Om du har lyckats genomföra ovanstående steg måste din utvecklingsmiljö vara korrekt inställd. Du är nu redo att skapa din första Android-applikation med Android Studio. När du startar Android Studio för första gången bör du presenteras med en välkomstskärm, som erbjuder dig ett antal val för att komma igång.

I denna handledning kommer vi att välja Nytt projekt alternativ. Men du kan välja Importprojekt om du vill importera ett projekt från, till exempel, Eclipse, till Android Studio. Android Studio konverterar Eclipse-projektet till ett Android Studio-projekt och lägger till nödvändiga konfigurationsfiler för dig.

Om du väljer Öppet projekt från listan med alternativ kan du öppna projekt som skapats med antingen Android Studio eller IntelliJ IDEA. Genom att välja Kolla in från Version Control, Du kan kolla in en kopia av ett projekt som är under versionskontroll. Det här är ett utmärkt sätt att snabbt få fart på ett befintligt projekt.

För att komma igång, välj Nytt projekt från listan över alternativ. Detta visar dig en lista med alternativ för att konfigurera ditt nya projekt. I den här handledningen kommer vi att skapa en enkel applikation för att visa några av Android Studios viktigaste funktioner. Jag är säker på att du håller med om att det inte finns något bättre namn för vårt projekt än Hej världen.

Som du kan se i ovanstående skärmdump har jag namngivit min ansökan Hej världen och ställa in modulnamnet till Hej världen. Om du inte är känd med IntelliJ IDEA kanske du undrar vad en modul är. En modul är en diskret enhet med funktionalitet som kan sammanställas, köras, testas och felsökas oberoende. Moduler innehåller källkod, bygga skript och allt annat som krävs för deras specifika uppgift.

När du skapar ett nytt projekt kan du också ange paketets namn på projektet. Som standard anger Android Studio det sista elementet i projektets paketnamn till namnet på modulen, men du kan ändra det till vad du vill.

De andra inställningarna är projektets plats på din maskin, minsta och mål-SDK, SDK-projektet som ska sammanställas och projektets tema. Du kan också berätta för Android Studio att skapa en Aktivitet klass och en anpassad lanseringsikon för dig, och om projektet stöder GridLayout, Fragments, en navigationslåda eller en Action Bar.

Vi kommer inte skapa en anpassad ikon för den här applikationen så att du kan avmarkera kryssrutan märkt Skapa anpassad lanseringsikon. Klick Nästa för att fortsätta att skapa ditt projekt.

Eftersom vi markerade kryssrutan Skapa aktivitet i föregående steg blir du ombedd att konfigurera Aktivitet klassen Android Studio kommer att skapa för dig.

Eftersom vi börjar med ett tomt Aktivitet klass, kan du klicka Nästa för att gå vidare till nästa steg i installationsprocessen där du ombeds att namnge Aktivitet klass, huvudlayout och fragmentlayout. Du kan också ställa in navigeringstypen, som vi lämnar vid Ingen för detta projekt. Ta en titt på nästa skärmdump för att se hur dina inställningar ska se ut.

Efter att ha klickat Avsluta, Du kommer att presenteras med Android Studios användargränssnitt med projektutforskaren till vänster och arbetsytan till höger. Med ditt projekt som har installerats i Android Studio är det dags att utforska några av huvudfunktionerna i Android Studio.


2. Android Virtual Devices

En Android Virtual Device eller AVD är en emulatorkonfiguration, så att du kan modellera en Android-enhet. Detta gör det lättare att köra och testa applikationer på ett brett utbud av enheter. Med en Android Virtual Device kan du ange hårdvara och programvara Android Emulator behöver emulera.

Det föredragna sättet att skapa en Android Virtual Device är genom AVD Manager, som du kan komma åt i Android Studio genom att välja Android> AVD Manager från Verktyg meny.

Om din utvecklingsmiljö är korrekt konfigurerad ska Android Virtual Device Manager likna skärmdumpen nedan.

För att skapa en ny AVD, klicka på Ny... till höger, ge AVD ett namn och konfigurera den virtuella enheten som visas nedan. Klick ok för att skapa din första AVD.

För att använda din nyskapade AVD, välj den från listan i AVD-hanteraren och klicka på Start… till höger. Om din AVD är korrekt konfigurerad ska Android-emulatorn starta som visas på skärmdumpen nedan.

Med Android Emulatorn igång är det dags att starta din ansökan genom att välja Kör "helloworld" från Springa meny. Så enkelt är det att köra en applikation i Android Emulatorn.


3. Live Layout

Android Studio Live Layout-funktionen låter dig förhandsgranska programmets användargränssnitt utan att behöva köra det på en enhet eller emulatorn. Funktionen Live Layout är ett kraftfullt verktyg som bokstavligen sparar timmar. Att visa användarens gränssnitt är mycket snabbare med hjälp av levande layouter.

För att arbeta med levande layouter, dubbelklicka på XML layoutfilen och välj Text fliken längst ned i arbetsytan. Välj Förhandsvisning fliken till höger om arbetsytan för att förhandsgranska den aktuella layouten. Eventuella förändringar du gör till XML Layouten kommer att återspeglas i förhandsvisningen till höger. Ta en titt på skärmdumpen nedan för att få en bättre uppfattning om denna snygga funktion.

Det finns ett antal andra fördelar med funktionen live layout som är värda att peka ut. Du kan till exempel skapa en variant av XML layout du arbetar för närvarande genom att välja ett alternativ från den första menyn i Förhandsvisning rutan. Du kan till exempel skapa separata visningar för porträtt och landskap och Android Studio skapar nödvändiga mappar och filer för dig.

Den andra menyn i förhandsgranskningspanelen låter dig ändra storleken på enheten som visas i förhandsgranskningsfönstret. Den tredje menyn låter dig ändra orienteringen på enheten som visas i förhandsgranskningsfönstret, vilket gör det enkelt att se hur en layout ser ut i olika riktningar och använder olika teman.

Den fjärde menyn i förhandsgranskningspanelen ger dig enkel åtkomst till Aktivitet eller fragment där layouten används. I förhandsgranskningsrutan kan du också ändra språk som används i livelayouten för att göra det enkelt att förhandsgranska en layout på olika språk. I högra menyn kan du ändra API-versionen.

Förhandsgranskningsrutan innehåller också kontroller för att zooma in på layouten, uppdatera förhandsgranskningsfönstret eller ta en skärmdump.


4. Mallar

Android Studio ger utvecklare ett antal mallar för att påskynda utvecklingen. Dessa mallar skapar automatiskt en Aktivitet och det nödvändiga XML filer. Du kan använda dessa mallar för att skapa en grundläggande Android-applikation, som du sedan kan köra på en enhet eller i emulatorn.

Med Android Studio kan du skapa en mall när du skapar en ny Aktivitet. Högerklicka på Paketnamn i projektnavigatorn till vänster, välj Ny från menyn och välj Aktivitet från listan över alternativ. Android Studio visar sedan en lista med mallar, till exempel Blank aktivitetFullskärmsaktivitet, och Tabbaktivitet.

Du kan också välja Bildtillgång från menyn, som startar en guide som guidar dig genom skapandet. Låt mig visa dig hur du skapar en ny Aktivitet baserat på Inloggningsaktivitet mall. Välj Inloggningsaktivitet alternativet från listan över Aktivitet mallar för att skjuta upp guiden.

Som du kan se i ovanstående skärmdump har jag namngivit Aktivitet LoginActivity, ställa in Layout-namn till activity_login, med tanke på Aktivitet en titel på Logga in. Kryssrutan märkt Inkludera inloggning på Google+ är markerad som standard. Avmarkera det eftersom vi inte använder den här funktionen i vårt exempel.

Du kan valfritt ställa in Hierarkisk förälder av det nya Aktivitet. Detta låter dig navigera tillbaka om du trycker på enhetens tillbaka-knapp. Vi lämnar detta fält tomt. Efter att ha klickat Avsluta, Android Studio skapar nödvändiga filer och mappar för dig. Om allt gick bra bör du se en ny Aktivitet och Layout i ditt projekt.

Nästa steg är att ställa in det nya Aktivitet i manifestfilen så används den som huvud Aktivitet när applikationen lanseras. Som du kan se i manifestfilen nedan, LoginActivity klassen har sin egen aktivitetsnod.

         

För att få din ansökan att starta LoginActivity du skapade, ta bort aktivitetsnoden för LoginActivity klass och ersätt com.tuts.HelloWorld.MainActivity
med com.tuts.HelloWorld.LoginActivity. Resultatet är att applikationen nu ska använda LoginActivity klass som sin huvudsakliga Aktivitet.

       

När du bygger och kör din ansökan i emulatorn, ska du se en skärm som liknar den som visas nedan. Det betyder att vi har ersatt blankt Aktivitet klass med den nyskapade LoginActivity klass.

5. Lintverktyg

Att testa din kod är en sak, men det är lika viktigt att du tillämpar bästa praxis när du skriver kod. Detta kommer att förbättra prestanda och övergripande stabilitet i din ansökan. Det är också mycket lättare att upprätthålla ett ordentligt strukturerat projekt.

Android Studio innehåller Android Lint, en statisk analysator som analyserar ditt projekts källkod. Det kan upptäcka potentiella fel och andra problem i din kod som kompilatorn kan förbise.

Nedanstående skärmdump säger till exempel att Linear i denna layout är inte till nytta. Det fina med Android Lint är att det ger dig en anledning till varningen eller felet, vilket gör det enklare att åtgärda eller lösa.

Det är bra att köra Android Studios luddverktyg från tid till annan för att kontrollera ditt projekt för eventuella problem. Lintverktyget kommer även att berätta om du har dubbla bilder eller översättningar.

För att köra lintverktyget, välj Kontrollera koden ... från Analysera menyn i Android Studio för att starta processen. När Android Studio har slutat inspektera ditt projekt kommer det att presentera resultatet med längst ner i fönstret. Observera att förutom Android Lint, Android Studio utför också ett antal andra kontroller. Dubbelklicka på ett problem för att navigera till filen där problemet finns.

6. Rich Layout Editor

Android Studio har en rik layoutredigerare där du kan dra och släppa användargränssnittskomponenter. Du kan också förhandsgranska layouter på flera skärmkonfigurationer som vi såg tidigare i denna handledning.

Den rika layoutredigeraren är väldigt enkel att använda. Vi behöver först en layout att arbeta med. Navigera till layout mapp i ditt projekt res mapp, högerklicka på layout mapp och välj Ny > Layout resursfil från menyn som visas.

Ge den nya layouten ett namn, sätt in dess rotelement och klicka på ok. Android Studio öppnar automatiskt layouten i redigeraren till höger.

I botten av redigeraren bör du se två flikar, Design och Text. Klicka på Text fliken tar upp redigeraren, så att du kan göra ändringar i den aktuella valda layouten.

Klicka på Design Fliken ger en annan redaktör som visar en förhandsgranskning av layouten. Om du vill lägga till en widget i layouten drar du den från listan med widgets till vänster i layouten till höger. Det är så enkelt.

Slutsats

I den här handledningen har vi tagit en kort titt på några av huvudfunktionerna i Android Studio. Det liknar IntelliJ IDEA, men det innehåller ett antal viktiga förbättringar som gör Android-utveckling enklare, snabbare och roligare.

Om du vill påskynda sakerna ännu mer, försök använda en Android-appmall från Envato Market, eller arbeta med en frilans Android-utvecklare på Envato Studio.