Share
Android Studio is een vrij nieuwe IDE (Integrated Development Environment) die gratis door Google aan Android-ontwikkelaars beschikbaar wordt gesteld. Android Studio is gebaseerd op IntelliJ IDEA, een IDE die ook een goede Android-ontwikkelingsomgeving biedt. In deze zelfstudie laat ik u zien hoe u een nieuw Android-project maakt en profiteert van de functies die Android Studio te bieden heeft.
Wanneer u net begint met Android Studio, kan het erg handig zijn om een Android-app-sjabloon te gebruiken. Je kunt er meer dan duizend te koop aanbieden op Envato Market:
Android app-sjablonen te koop op Envato Market Voordat u Android Studio gaat verkennen, moet u deze eerst downloaden en installeren. Let op: u moet JDK 6 of hoger geïnstalleerd hebben. Als u Windows gebruikt, start u de .exe bestand en volg de stappen van de installatiewizard. Als u OS X gebruikt, koppelt u de schijfkopie aan door erop te dubbelklikken en sleept u Android Studio naar uw toepassingen map.
Als u de bovenstaande stappen met succes hebt voltooid, moet uw ontwikkelomgeving correct zijn ingesteld. U bent nu klaar om uw eerste Android-applicatie te maken met Android Studio. Wanneer u Android Studio voor de eerste keer start, krijgt u een welkomstscherm te zien met een aantal keuzemogelijkheden om aan de slag te gaan.
In deze zelfstudie gaan we kiezen voor de Nieuw project keuze. U kunt echter kiezen Project importeren als u een project wilt importeren uit bijvoorbeeld Eclipse naar Android Studio. Android Studio converteert het Eclipse-project naar een Android Studio-project en voegt de benodigde configuratiebestanden voor u toe.
Als u selecteert Open project uit de lijst met opties kunt u projecten openen die zijn gemaakt met Android Studio of IntelliJ IDEA. Door te kiezen Bekijk uit versiebeheer, u kunt een kopie bekijken van een project onder versiebeheer. Dit is een geweldige manier om snel op de hoogte te blijven van een bestaand project.
Kies om te beginnen Nieuw project uit de lijst met opties. Dit toont u een lijst met opties om uw nieuwe project te configureren. In deze zelfstudie gaan we een eenvoudige app maken om enkele van de belangrijkste functies van Android Studio te laten zien. Ik ben er zeker van dat u het ermee eens bent dat er geen betere naam voor ons project is dan Hallo Wereld.
Zoals je kunt zien in de bovenstaande screenshot, heb ik mijn applicatie een naam gegeven Hallo Wereld en stel de modulenaam in op Hallo Wereld. Als u niet bekend bent met IntelliJ IDEA, vraagt u zich misschien af wat een module is. Een module is een afzonderlijke eenheid van functionaliteit die onafhankelijk kan worden gecompileerd, uitgevoerd, getest en debuggen. Modules bevatten broncode, build-scripts en al het andere dat nodig is voor hun specifieke taak.
Wanneer u een nieuw project maakt, kunt u ook de pakketnaam van het project instellen. Standaard stelt Android Studio het laatste element van de pakketnaam van het project in op de naam van de module, maar u kunt dit wijzigen naar wat u maar wilt.
De andere instellingen zijn de locatie van het project op uw machine, de minimum- en doel-SDK, de SDK waarmee uw project wordt gecompileerd en het thema van het project. U kunt ook aangeven dat Android Studio een Activiteit klasse en een aangepast startpictogram voor u, en of het project GridLayout, Fragments, een navigatielade of een actiebalk ondersteunt.
We zullen geen aangepast pictogram voor deze toepassing maken, zodat u het vakje met het label kunt verwijderen Maak een aangepast startpictogram. Klik volgende om door te gaan met het opzetten van uw project.
Omdat we het selectievakje hebben aangevinkt Maak activiteit in de vorige stap wordt u gevraagd om het te configureren Activiteit klasse Android Studio zal voor u creëren.
Omdat we beginnen met een blanco Activiteit klas, je kunt klikken volgende om door te gaan naar de volgende stap in het installatieproces waarin u wordt gevraagd de naam te geven Activiteit klasse, de hoofdlay-out en de fragmentlay-out. U kunt ook het navigatietype instellen, waar we zullen vertrekken Geen voor dit project. Bekijk de volgende screenshot om te zien hoe uw instellingen eruit moeten zien.
Na het klikken op Af hebben, u krijgt de gebruikersinterface van Android Studio te zien met de projectverkenner aan de linkerkant en de werkruimte aan de rechterkant. Met uw project ingesteld in Android Studio, is het tijd om enkele van de belangrijkste functies van Android Studio te verkennen.
Een Android Virtual Device of AVD is een emulatorconfiguratie waarmee u een Android-apparaat kunt modelleren. Dit maakt het uitvoeren en testen van applicaties op een breed scala aan apparaten veel eenvoudiger. Met een Android Virtual Device kunt u de hardware en software specificeren Android Emulator moet emuleren.
De voorkeursmanier om een Android virtueel apparaat te maken is via de AVD Manager, waartoe u toegang hebt in Android Studio door te selecteren Android> AVD Manager van de Hulpmiddelen menu.
Als de ontwikkelomgeving correct is ingesteld, ziet de Android Virtual Device Manager er ongeveer zo uit als de onderstaande schermafbeelding.
Klik op om een nieuwe AVD te maken nieuwe... aan de rechterkant, geef de AVD een naam en configureer het virtuele apparaat zoals hieronder getoond. Klik OK om je eerste AVD te maken.
Als u uw zojuist gemaakte AVD wilt gebruiken, selecteert u deze in de lijst in AVD Manager en klikt u op Begin… aan de rechterkant. Als je AVD correct is ingesteld, moet de Android Emulator worden gestart zoals te zien is in de onderstaande schermafbeelding.
Nu de Android Emulator is gestart, is het tijd om uw toepassing te starten door te selecteren Run 'helloworld' van de Rennen menu. Zo eenvoudig is het om een toepassing in de Android Emulator uit te voeren.
Met de live lay-outfunctie van Android Studio kunt u een voorbeeld van de gebruikersinterface van uw toepassing bekijken zonder deze op een apparaat of de emulator te hoeven uitvoeren. De live lay-outfunctie is een krachtige tool die je letterlijk uren spaart. Het bekijken van de gebruikersinterface van uw toepassing gaat veel sneller met behulp van live lay-outs.
Als u met live lay-outs wilt werken, dubbelklikt u op de XML lay-outbestand en selecteer de Tekst tabblad onderaan de werkruimte. Selecteer de Voorbeeld tab aan de rechterkant van de werkruimte om een voorbeeld van de huidige lay-out te bekijken. Alle wijzigingen die u aanbrengt in de XML lay-out wordt weergegeven in het voorbeeld aan de rechterkant. Bekijk de onderstaande schermafbeelding om een beter beeld te krijgen van deze handige functie.
Er zijn een aantal andere voordelen van de live lay-outfunctie die de moeite van het vermelden waard zijn. U kunt bijvoorbeeld een variant van de maken XML lay-out waar u momenteel aan werkt door een optie te selecteren uit het eerste menu in de Voorbeeld ruit. U kunt bijvoorbeeld afzonderlijke weergaven maken voor portret en landschap en Android Studio maakt de benodigde mappen en bestanden voor u.
Met het tweede menu in het voorbeeldvenster kunt u de grootte van het apparaat wijzigen dat wordt weergegeven in het voorbeeldvenster. In het derde menu kunt u de oriëntatie van het apparaat in het voorbeeldvenster wijzigen, zodat u gemakkelijk kunt zien hoe een lay-out er in verschillende oriëntaties uitziet en verschillende thema's gebruikt.
Het vierde menu in het voorbeeldvenster geeft u eenvoudig toegang tot de Activiteit of fragment waarin de lay-out wordt gebruikt. In het voorbeeldvenster kunt u ook de taal wijzigen die in de live lay-out wordt gebruikt, zodat u gemakkelijk een voorbeeld van een lay-out in verschillende talen kunt bekijken. Met het menu uiterst rechts kunt u de API-versie wijzigen.
Het voorbeeldvenster bevat ook besturingselementen om in te zoomen op de lay-out, het voorbeeldvenster te vernieuwen of een schermafbeelding te maken.
Android Studio biedt ontwikkelaars een aantal sjablonen om de ontwikkeling te versnellen. Deze sjablonen maken automatisch een Activiteit en het nodige XML bestanden. U kunt deze sjablonen gebruiken om een eenvoudige Android-applicatie te maken, die u vervolgens op een apparaat of in de emulator kunt uitvoeren.
Met Android Studio kunt u een sjabloon maken wanneer u een nieuwe maakt Activiteit. Klik met de rechtermuisknop op de verpakkingsnaam in de projectnavigator aan de linkerkant, selecteer nieuwe uit het menu en kies Activiteit uit de lijst met opties. Android Studio toont u vervolgens een lijst met sjablonen, zoals Lege activiteit, Volledig scherm Activiteit, en Activiteit met tabbladen.
U kunt ook selecteren Image Asset uit het menu, waarmee een wizard wordt gestart die u door het maakproces leidt. Ik zal je laten zien hoe je een nieuwe kunt maken Activiteit gebaseerd op de Aanmeldingsactiviteit sjabloon. Selecteer de Aanmeldingsactiviteit optie uit de lijst van Activiteit sjablonen om de wizard te starten.
Zoals je kunt zien in de bovenstaande screenshot, heb ik de Activiteit LoginActivity, stel de Lay-outnaam naar activity_login, Gezien Activiteit een titel van Aanmelden. Het selectievakje met het label Neem Google+ op is standaard aangevinkt. Haal het vinkje weg, want we gebruiken deze functie niet in ons voorbeeld.
U kunt de optie eventueel instellen Hiërarchische ouder van het nieuwe Activiteit. Hiermee kun je terug navigeren als je op de terugknop van het apparaat tikt. We laten dit veld leeg. Na het klikken op Af hebben, Android Studio maakt de benodigde bestanden en mappen voor u. Als alles goed is gegaan, zou u een nieuwe moeten zien Activiteit en lay-out in je project.
De volgende stap is het instellen van de nieuwe Activiteit in het manifestbestand, dus het wordt als hoofdbestand gebruikt Activiteit wanneer de toepassing wordt gestart. Zoals je hieronder in het manifestbestand kunt zien, is de LoginActivity klasse heeft zijn eigen activiteitsknooppunt.
Om uw toepassing te starten start u de LoginActivity u hebt gemaakt, verwijdert u het activiteitenknooppunt voor de LoginActivity klasse en vervang com.tuts.HelloWorld.MainActivity
met com.tuts.HelloWorld.LoginActivity. Het resultaat is dat de toepassing nu de LoginActivity klasse als belangrijkste Activiteit.
Wanneer u uw toepassing in de emulator bouwt en uitvoert, ziet u een scherm dat lijkt op het onderstaande scherm. Dit betekent dat we de lege pagina met succes hebben vervangen Activiteit klasse met de nieuw gecreëerde LoginActivity klasse.
Het testen van uw code is één ding, maar het is even belangrijk om best practices toe te passen bij het schrijven van code. Dit zal de prestaties en de algehele stabiliteit van uw applicatie verbeteren. Het is ook veel gemakkelijker om een goed gestructureerd project te onderhouden.
Android Studio's omvat Android Lint, een statische analyser die de broncode van uw project analyseert. Het kan mogelijke bugs en andere problemen in uw code detecteren die de compiler mogelijk over het hoofd ziet.
De onderstaande schermafbeelding vertelt ons bijvoorbeeld dat de LinearLayout in deze lay-out heeft geen zin. Het leuke ervan Android Lint is dat het u een reden voor de waarschuwing of fout geeft, waardoor het gemakkelijker te repareren of op te lossen is.
Het is een goede gewoonte om de linttool van Android Studio van tijd tot tijd uit te voeren om uw project te controleren op mogelijke problemen. De lint-tool zal je zelfs vertellen of je dubbele afbeeldingen of vertalingen hebt.
Selecteer om het lintgereedschap te gebruiken Inspecteer code ... van de Analyseren menu in Android Studio om het proces te starten. Wanneer Android Studio uw project heeft geïnspecteerd, worden de resultaten onder aan het venster weergegeven. Merk op dat in aanvulling op Android Lint, Android Studio voert ook een aantal andere controles uit. Dubbelklik eenvoudig op een probleem om naar het bestand te navigeren waarin het probleem zich bevindt.
Android Studio heeft een uitgebreide lay-outeditor waarin u gebruikersinterfacecomponenten kunt slepen en neerzetten. U kunt ook een voorbeeld van lay-outs bekijken op configuraties met meerdere schermen, zoals we eerder in deze zelfstudie hebben gezien.
De uitgebreide lay-out-editor is heel eenvoudig te gebruiken. We hebben eerst een lay-out nodig om mee te werken. Navigeer naar de lay-out map in uw project res map, klik met de rechtermuisknop op de lay-out map en selecteer nieuwe > Layout resourcebestand vanuit het menu dat verschijnt.
Geef de nieuwe layout een naam, stel het rootelement in en klik OK. Android Studio opent de lay-out automatisch in de editor aan de rechterkant.
Onder aan de editor ziet u twee tabbladen, Ontwerp en Tekst. Klikken op de Tekst Met het tabblad wordt de editor geopend, zodat u wijzigingen kunt aanbrengen in de momenteel geselecteerde lay-out.
Klikken op de Ontwerp tabblad roept een andere editor op die een voorbeeld van de lay-out toont. Als u een widget aan de lay-out wilt toevoegen, sleept u deze van de lijst met widgets aan de linkerkant naar de lay-out aan de rechterkant. Het is zo simpel.
In deze zelfstudie hebben we een kort overzicht gegeven van enkele van de belangrijkste functies van Android Studio. Het is vergelijkbaar met IntelliJ IDEA, maar het bevat een aantal belangrijke verbeteringen die de Android-ontwikkeling eenvoudiger, sneller en leuker maken..
Als u nog meer wilt versnellen, probeert u een Android-app-sjabloon van Envato Market of werkt u samen met een freelance Android-ontwikkelaar aan Envato Studio.
Accentsconagua