Een Android-app maken met Android Studio: 8 stappen (met afbeeldingen)

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15

In deze zelfstudie leert u de basisprincipes van het bouwen van een Android-app met behulp van de Android Studio-ontwikkelomgeving. Naarmate Android-apparaten steeds gebruikelijker worden, zal de vraag naar nieuwe apps alleen maar toenemen. Android Studio is een gebruiksvriendelijke (en gratis) ontwikkelomgeving om in te leren. Het is het beste als men een praktische kennis heeft van de Java-programmeertaal voor deze tutorial, omdat dit de taal is die door Android wordt gebruikt. Er zal niet veel code worden gebruikt in deze tutorial, dus ik ga ervan uit dat je genoeg Java kent om te begrijpen of bereid bent op te zoeken wat je niet weet. Dit duurt ongeveer 30-60 minuten, afhankelijk van hoe snel je Android Studio kunt downloaden en installeren. Nadat je deze tutorial hebt gebruikt om je eerste Android-app te maken, ben je goed op weg naar een leuke nieuwe hobby of misschien zelfs een veelbelovende carrière in mobiele ontwikkeling.

Stap 1: Installeer Android Studio

1. Ga naar https://developer.android.com/sdk/index.html om Android Studio te downloaden.
2. Gebruik het installatieprogramma om Android Studio te installeren volgens de instructies.

Stap 2: Open een nieuw project

1. Android-studio openen.
2. Selecteer in het menu "Snel starten" de optie "Een nieuw Android Studio-project starten".
3. In het venster "Nieuw project maken" dat wordt geopend, geeft u uw project de naam "HelloWorld".
4. Als u ervoor kiest, stelt u de bedrijfsnaam naar wens in*.
5. Noteer waar de locatie van het projectbestand is en wijzig deze indien gewenst.
6. Klik volgende."
7. Zorg ervoor dat "Telefoon en tablet" het enige vakje is dat is aangevinkt.
8. Als je van plan bent de app op je telefoon te testen, zorg er dan voor dat de minimale SDK lager is dan het besturingssysteem van je telefoon.
9. Klik volgende."
10. Selecteer 'Lege activiteit'.
11. Klik volgende."
12. Laat alle velden voor de naam van de activiteit zoals ze zijn.
13. Klik op "Voltooien".

*Opmerking: het is een typische naamgevingsconventie in Android-projecten om de bedrijfsnaam in te stellen als een vorm van "example.name.here.com".

Stap 3: Bewerk het welkomstbericht in de hoofdactiviteit

1. Navigeer naar het tabblad activity_main.xml als dit nog niet is geopend.
2. Zorg ervoor dat het tabblad Ontwerpen is geopend op het display activity_main.xml.
3. Klik en sleep de "Hallo wereld!" van de linkerbovenhoek van het telefoonscherm naar het midden van het scherm.
4. Open de waardenmap in het projectbestandssysteem aan de linkerkant van het venster.
5. Dubbelklik in de waardenmap op het bestand strings.xml.
6. Zoek in dit bestand de regel "Hallo wereld!".
7. Na de "Hallo wereld!" bericht, voeg "Welkom bij mijn app!"
8. Navigeer terug naar het tabblad activity_main.xml.
9. Zorg ervoor dat uw gecentreerde tekst nu "Hallo wereld! Welkom bij mijn app!"

Stap 4: Voeg een knop toe aan de hoofdactiviteit

1. Navigeer naar het tabblad Ontwerp van het activity_main.xml-scherm.
2. Zoek in het paletmenu aan de linkerkant van het telefoonscherm Button (onder het kopje Widgets).
3. Klik en sleep de knop om onder uw welkomstbericht te worden gecentreerd.
4. Zorg ervoor dat uw knop nog steeds is geselecteerd.
5. Blader in het menu Eigenschappen (aan de rechterkant van het venster) omlaag om het veld voor 'tekst' te vinden.
6. Wijzig de tekst van 'Nieuwe knop' in 'Volgende pagina'.

Stap 5: Creëer een tweede activiteit

1. Klik met de rechtermuisknop op 'app' bovenaan de bestandssysteemstructuur van het project.
2. Navigeer door naar Nieuw > Activiteit > Lege activiteit.
3. Wijzig de naam van deze activiteit in "SecondActivity".
4. Klik op "Voltooien".
5. Zorg ervoor dat u zich in de ontwerpweergave van activity_second.xml bevindt.
6. Sleep het tekstvak in de linkerbovenhoek van het telefoonscherm naar het midden zoals u deed bij de hoofdactiviteit.
7. Terwijl het tekstvak nog steeds is geselecteerd, zoekt u het veld "id" in het menu Eigenschappen aan de rechterkant en stelt u dit in op "text2".
8. Open strings.xml opnieuw.
9. Voeg een nieuwe regel toe onder "Hallo wereld! Welkom bij mijn app!" met de tekst "Welkom op de tweede pagina!".
10. Navigeer terug naar activity_second.xml.
11. Selecteer het tekstvak opnieuw.
12. Stel in het deelvenster Eigenschappen het veld "tekst" in op "@string/second_page".
13. Zorg ervoor dat het tekstvak nu "Welkom op de tweede pagina!" en bevindt zich in het midden van het scherm op het telefoonscherm.

Stap 6: Schrijf de "onClick"-methode van de knop

Selecteer het tabblad MainActivity.java bovenaan de werkomgeving

2. Voeg de volgende regels code toe aan het einde van de onCreate-methode:

Knop knop = (Knop) findViewById(R.id.button);

button.setOnClickListener(new View.onClickListener() {

public void onClick(View v) {

goToSecondActivity();

}

});

3. Voeg de volgende methode toe aan de onderkant van de MainActivity-klasse:

privé leegte goToSecondActivity() {

Intent intent = nieuwe Intent(this, SecondActivity.class);

startActiviteit(intentie);

}

4. Klik op de + naast importeren op de derde regel van MainActivity.java om de importinstructies uit te vouwen.

5. Voeg het volgende toe aan het einde van de importinstructies als ze er nog niet zijn:

android.content importeren. Intentie;

android.view. View importeren;

android.widget. TextView importeren;

Stap 7: Test de applicatie

1. Klik op het groene afspeelsymbool in de werkbalk bovenaan het Android Studio-venster.
2. Wanneer het dialoogvenster "Apparaat kiezen" verschijnt (dit kan even duren), selecteert u de optie "Lauch-emulator".
3. Klik OK.
4. Wanneer de emulator wordt geopend (ook dit kan even duren), start de app de app automatisch wanneer de virtuele telefoon wordt ontgrendeld.
5. Zorg ervoor dat al uw tekst correct wordt weergegeven en dat de knop u naar de volgende pagina brengt.

Stap 8: Omhoog, omhoog en weg

Proficiat! Je hebt nu je eerste Android-applicatie voltooid met wat basisfunctionaliteit. Uw voltooide app moet een pagina hebben die de gebruiker begroet en een knop die de gebruiker naar een tweede pagina brengt.

Vanaf hier heb je de vluchtige kennis die je nodig hebt om alles te leren wat er te weten valt over de ontwikkeling van Android-applicaties.