Komme i gang med Android Studio

Android Studio er et ganske nytt IDE (Integrated Development Environment) som er tilgjengelig gratis av Google til Android-utviklere. Android Studio er basert på IntelliJ IDEA, en IDE som også tilbyr et godt Android utviklingsmiljø. I denne opplæringen vil jeg vise deg hvordan du lager et nytt Android-prosjekt og utnytter funksjonene som Android Studio har å tilby.

Når du bare har startet med Android Studio, kan det være svært nyttig å bruke en Android-appmal. Du finner over tusen av dem til salgs på Envato Market:

Android appmaler for salg på Envato Market

1. Prosjektoppsett

Før du begynner å utforske Android Studio, må du først laste ned og installere den. Merk at du må ha JDK 6 eller høyere installert. Hvis du er på Windows, starter du .exe fil og følg trinnene i installasjonsveiviseren. Hvis du kjører OS X, monterer du diskbildet ved å dobbeltklikke på det og dra Android Studio til din applikasjoner mappe.

Hvis du har fullført trinnene ovenfor, må utviklingsmiljøet ditt settes opp riktig. Du er nå klar til å lage ditt første Android-program ved hjelp av Android Studio. Når du starter Android Studio for første gang, bør du bli presentert med en velkomstskjerm, og tilbyr deg en rekke valg for å komme i gang.

I denne opplæringen skal vi velge Nytt prosjekt alternativ. Men du kan velge Import prosjekt hvis du vil importere et prosjekt fra for eksempel Eclipse, til Android Studio. Android Studio konverterer Eclipse-prosjektet til et Android Studio-prosjekt, og legger til nødvendige konfigurasjonsfiler for deg.

Hvis du velger Åpne prosjekt Fra listen over alternativer kan du åpne prosjekter opprettet med enten Android Studio eller IntelliJ IDEA. Ved å velge Sjekk ut fra Versjonskontroll, Du kan sjekke ut en kopi av et prosjekt som er under versjonskontroll. Dette er en fin måte å raskt komme på farten med et eksisterende prosjekt.

For å komme i gang, velg Nytt prosjekt fra listen over alternativer. Dette vil vise deg en liste over alternativer for å konfigurere det nye prosjektet. I denne opplæringen skal vi lage et enkelt program for å vise deg noen av Android Studios viktigste funksjoner. Jeg er sikker på at du er enig i at det ikke er noe bedre navn for vårt prosjekt enn Hei Verden.

Som du kan se i skjermbildet ovenfor, har jeg kalt programmet mitt Hei Verden og sett modulnavnet til Hei Verden. Hvis du ikke er kjent med IntelliJ IDEA, kan du lure på hva en modul er. En modul er en diskret enhet av funksjonalitet som kan kompileres, kjøres, testes og feilsøkes uavhengig. Modulene inneholder kildekoden, bygge skript og alt annet som kreves for deres spesifikke oppgave.

Når du oppretter et nytt prosjekt, kan du også angi navnet på prosjektet. Som standard angir Android Studio det siste elementet i prosjektets pakkenavn til navnet på modulen, men du kan endre det til det du vil.

De andre innstillingene er prosjektets plassering på maskinen din, minimums- og mål-SDK, SDK-prosjektet ditt vil bli kompilert med, og prosjektets tema. Du kan også fortelle Android Studio å opprette en Aktivitet klasse og et egendefinert lanseringsikon for deg, og om prosjektet støtter GridLayout, Fragments, en navigasjonsskuff eller en handlingslinje.

Vi vil ikke opprette et egendefinert ikon for dette programmet, slik at du kan fjerne merket for avmerkingsboksen Opprett egendefinert lanseringsikon. Klikk neste å fortsette å sette opp prosjektet ditt.

Fordi vi sjekket av i boksen Opprett aktivitet i forrige trinn blir du bedt om å konfigurere Aktivitet klassen Android Studio vil skape for deg.

Siden vi begynner med et tomt Aktivitet klasse, kan du klikke neste å gå videre til neste trinn i installasjonsprosessen der du blir bedt om å navngi Aktivitet klassen, hovedoppsettet og fragmentoppsettet. Du kan også angi navigasjonstypen, som vi skal gå på Ingen for dette prosjektet. Ta en titt på neste skjermbilde for å se hvordan innstillingene dine skal se ut.

Etter å ha klikket Bli ferdig, Du vil bli presentert med Android Studios brukergrensesnitt med prosjektutforskeren til venstre og arbeidsområdet til høyre. Med prosjektet ditt opprettet i Android Studio, er det på tide å utforske noen av hovedtrekkene til Android Studio.


2. Android Virtual Devices

En Android Virtual Device eller AVD er en emulatorkonfigurasjon, slik at du kan modellere en Android-enhet. Dette gjør det mye enklere å kjøre og teste applikasjoner på et bredt spekter av enheter. Med en Android Virtual Device kan du spesifisere maskinvaren og programvaren Android Emulator må etterligne.

Den foretrukne måten å opprette en Android Virtual Device er gjennom AVD Manager, som du kan få tilgang til i Android Studio ved å velge Android> AVD Manager fra Verktøy Meny.

Hvis utviklingsmiljøet er riktig konfigurert, bør Android Virtual Device Manager se ut som skjermbildet nedenfor.

For å opprette en ny AVD, klikk Ny... til høyre, gi AVD et navn, og konfigurer den virtuelle enheten som vist nedenfor. Klikk OK å lage din første AVD.

For å bruke din nyopprettede AVD, velg den fra listen i AVD-lederen, og klikk Start… til høyre. Hvis din AVD er konfigurert riktig, skal Android-emulatoren starte som vist på skjermbildet nedenfor.

Med Android Emulator oppe, er det på tide å starte programmet ved å velge Kjør 'helloworld' fra Løpe Meny. Det er så enkelt det er å kjøre et program i Android Emulator.


3. Live Layout

Android Studios live layout-funksjon lar deg forhåndsvise programmets brukergrensesnitt uten å måtte kjøre det på en enhet eller emulatoren. Live layout-funksjonen er et kraftig verktøy som lettere vil spare deg for timer. Å se programmets brukergrensesnitt er mye raskere ved bruk av liveoppsett.

For å jobbe med liveoppsett, dobbeltklikk på XML layoutfil og velg Tekst kategorien nederst på arbeidsområdet. Velg Forhåndsvisning fanen til høyre for arbeidsområdet for å forhåndsvise gjeldende layout. Eventuelle endringer du gjør i XML Oppsettet reflekteres i forhåndsvisningen til høyre. Ta en titt på skjermbildet nedenfor for å få en bedre ide om denne fine funksjonen.

Det er en rekke andre fordeler med live layout-funksjonen som er verdt å peke på. Du kan for eksempel lage en variant av XML layout du jobber for øyeblikket ved å velge et alternativ fra den første menyen i Forhåndsvisning ruten. Du kan for eksempel lage egne visninger for portrett og landskap, og Android Studio vil opprette de nødvendige mappene og filene for deg.

Den andre menyen i Forhåndsvisning-panelet lar deg endre størrelsen på enheten som vises i Forhåndsvisning-panelet. Den tredje menyen lar deg endre retningen til enheten som vises i Forhåndsvisning-panelet, noe som gjør det enkelt å se hvordan en layout ser ut i forskjellige retninger og ved hjelp av forskjellige temaer.

Den fjerde menyen i Forhåndsvisning-panelet gir deg enkel tilgang til Aktivitet eller fragment der layoutet brukes. Forhåndsvisning-panelet lar deg også endre språket som brukes i liveoppsettet, for å gjøre det enkelt å forhåndsvise et layout på forskjellige språk. I høyre meny kan du endre API-versjonen.

Forhåndsvisningsvinduet inneholder også kontroller for å zoome inn på oppsettet, oppdatere forhåndsvisningspanelet, eller ta et skjermbilde.


4. Maler

Android Studio gir utviklere en rekke maler for å fremskynde utviklingen. Disse malene oppretter automatisk en Aktivitet og det nødvendige XML filer. Du kan bruke disse malene til å lage et grunnleggende Android-program, som du deretter kan kjøre på en enhet eller i emulatoren.

Med Android Studio kan du opprette en mal når du oppretter en ny Aktivitet. Høyreklikk på pakke navn i prosjektnavigatoren til venstre, velg Ny fra menyen, og velg Aktivitet fra listen over alternativer. Android Studio viser deg deretter en liste over maler, for eksempel Blank aktivitetFullskjermaktivitet, og Tabbed Aktivitet.

Du kan også velge Image Asset fra menyen, som vil starte en veiviser som veileder deg gjennom etableringsprosessen. La meg vise deg hvordan du lager en ny Aktivitet basert på Logg inn aktivitet mal. Velg Logg inn aktivitet alternativet fra listen over Aktivitet maler for å skyte opp veiviseren.

Som du kan se i skjermbildet ovenfor, har jeg kalt Aktivitet LoginActivity, sett Oppsettnavn til activity_login, gitt Aktivitet en tittel på Logg inn. Merket er merket med Inkluder Google+ pålogging er merket som standard. Fjern merket for det siden vi ikke bruker denne funksjonen i vårt eksempel.

Du kan eventuelt sette inn Hierarkisk foreldre av det nye Aktivitet. Dette lar deg navigere tilbake hvis du trykker på enhetens tilbakeknapp. Vi lar dette feltet stå tomt. Etter å ha klikket Bli ferdig, Android Studio lager de nødvendige filene og mappene for deg. Hvis alt gikk bra, bør du se en ny Aktivitet og Oppsett i prosjektet ditt.

Det neste trinnet er å sette opp det nye Aktivitet I manifestfilen blir den brukt som hoved Aktivitet når programmet starter. Som du kan se i manifestfilen nedenfor, er LoginActivity klassen har sin egen aktivitetskode.

         

For å gjøre søknaden din lansert LoginActivity du opprettet, fjern aktivitetskoden for LoginActivity klasse og erstatte com.tuts.HelloWorld.MainActivity
med com.tuts.HelloWorld.LoginActivity. Resultatet er at søknaden vil nå bruke LoginActivity klassen som sin viktigste Aktivitet.

       

Når du bygger og driver søknaden din i emulatoren, bør du se en skjerm som ligner den som vises nedenfor. Dette betyr at vi har erstattet blankt Aktivitet klasse med den nyopprettede LoginActivity klasse.

5. Lintverktøy

Å teste koden din er en ting, men det er like viktig å bruke beste praksis når du skriver kode. Dette vil forbedre ytelsen og den generelle stabiliteten til søknaden din. Det er også mye lettere å opprettholde et godt strukturert prosjekt.

Android Studio inkluderer Android Lint, en statisk analysator som analyserer prosjektets kildekode. Det kan oppdage potensielle feil og andre problemer i koden din, som kompilatoren kan overse.

Den nederste skjermbildet for eksempel forteller oss at LinearLayout i dette oppsettet er ubrukelig. Det fine med Android Lint er at det gir deg en grunn til advarselen eller feilen, noe som gjør det enklere å fikse eller løse.

Det er god praksis å kjøre Android Studio's lintverktøy fra tid til annen for å sjekke prosjektet ditt for potensielle problemer. Lintverktøyet vil til og med fortelle deg om du har dupliserte bilder eller oversettelser.

For å kjøre lintverktøyet, velg Inspiser kode ... fra Analysere menyen i Android Studio for å starte prosessen. Når Android Studio har fullført inspeksjon av prosjektet, vil det presentere deg med resultatene nederst i vinduet. Legg merke til at i tillegg til Android Lint, Android Studio utfører også en rekke andre sjekker. Dobbeltklikk bare på et problem for å navigere til filen der problemet ligger.

6. Rich Layout Editor

Android Studio har en rik layout editor der du kan dra og slippe brukergrensesnittkomponenter. Du kan også forhåndsvise layouter på flere skjermkonfigurasjoner som vi så tidligere i denne opplæringen.

Den rike layoutredigereren er veldig enkel å bruke. Vi trenger først et oppsett for å jobbe med. Naviger til oppsett mappe i prosjektets res mappe, høyreklikk på oppsett mappe og velg Ny > Layout ressursfil fra menyen som vises.

Gi det nye oppsettet et navn, sett dets rotelement, og klikk OK. Android Studio åpner automatisk oppsettet i redigeringsprogrammet til høyre.

På bunnen av redigereren bør du se to faner, Design og Tekst. Klikk på Tekst fanen bringer opp redaktøren, slik at du kan gjøre endringer i det valgte utvalget.

Klikk på Design fanen bringer opp en annen redaktør som viser deg en forhåndsvisning av oppsettet. For å legge til en widget i oppsettet, dra det fra listen over widgets til venstre til layoutet til høyre. Det er så enkelt.

Konklusjon

I denne opplæringen har vi tatt en kort titt på noen av hovedtrekkene til Android Studio. Det ligner veldig IntelliJ IDEA, men det inneholder en rekke viktige forbedringer som gjør Android-utviklingen enklere, raskere og morsommere..

Hvis du vil fremskynde ting enda mer, kan du prøve å bruke en Android-appmal fra Envato Market, eller jobbe med en freelance Android-utvikler på Envato Studio.