Hoe maak je een app met Android Studio: 8 stappen (met foto`s)

Android Studio is de officiële IDE voor Android-apps. Het kost niets en ondersteunt de Java- en Kotlin-programmeertalen. Het geeft je grote controle over wat je app doet. Dus waarom zou je je app erin niet programmeren? Dit artikel verwacht dat je de basis van Java weet, als je dat niet doet, kijk dan naar Hoe je je eerste programma in Java te schrijven Voor een introductie.ThisTeaches u hoe u een eenvoudige app in Android Studio maakt.

Stappen

Deel 1 van 4:

Android-studio installeren

1. Download Android Studio. Zorg ervoor dat u de juiste versie voor het besturingssysteem (i download.e. Windows, Mac, Linux) die u gebruikt.De download is ongeveer 1 GB en kan enkele minuten duren om te downloaden.Gebruik de volgende stappen om Android Studio te downloaden en te installeren: Zorg ervoor dat u de versie voor uw systeem ontvangt.

Ga naar HTTPS: // Developer.Android.com / studio / index.html In een webbrowser.
Klik op de groene knop die zegt Download Android Studio (Zorg ervoor dat het juiste besturingssysteem onder de knop wordt vermeld.)
Klik op het selectievakje naast "Ik heb gelezen en ga akkoord met de bovenstaande algemene voorwaarden."
Klik op de blauwe knop die zegt Download Android Studio voor [uw besturingssysteem].
Open het installatie-bestand.
Volg de instructies op het scherm

2. Installeer de afhankelijkheden (alleen Linux 64-bit). Als u een 64-bit Linux-computer hebt (sla deze stap over als u dat niet doet), moet u wat extra pakketten installeren. In een systeem dat APT gebruikt, voert u de opdrachtregel in: sudo apt-get install libc6: I386 libncurses5: I386 libstdc ++ 6: I386 lib32z1 libbz2-1.0: i386.

Als uw systeem yum gebruikt, voert u het volgende in in plaats daarvan: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686

Als alternatief kunt u Android-studio eenvoudig installeren op Ubuntu door de softwarecentrum te openen, het pictogram dat lijkt op een vergrootglas in de rechterbovenhoek en enter "Android-studio" in de zoekbalk.Klik op het pictogram Android Studio en klik vervolgens InstallerenHet heeft een pictogram dat lijkt op een tekeningkompas in de vorm van een "EEN" in een groene cirkel.

3. Extraheren het archief (alleen LLINUX). Sla deze stap over als je hebt gedownload als je een installatie-bestand hebt gedownload op Windows of Mac, of als je Android-studio hebt gedownload van het softwarecentrum op Ubuntu. Verander anders in de map waarin u het archief hebt gedownload. Klik vervolgens met de rechtermuisknop erop in de bestandsbeheer en selecteer de "Extraheer hier" keuze. of enter "tar -xf downloadnaam.teer.gz" in de opdrachtregel (vervangen "downloadnaam" met de naam van het bestand dat u zojuist hebt gedownload).

4. Start Android Studio. Als je een hebt gedownload .exe of .DMG bestand, dubbelklik er gewoon op. Als u een archief hebt gedownload en geëxtraheerd, opent u de terminal en verander deze in de subdirectory "bak" van de map met de geëxtraheerde bestanden (meestal "Android-Studio"). Dit wordt gedaan door te typen CD Android-Studio / Bin. Voer het bestand uit "studio.schel" door te typen ./studio.schel.

5. Bepaal of u instellingen wilt importeren. Als dit uw eerste keer is met Android Studio, selecteert u Nee. Als u het eerder hebt gebruikt en de vorige instellingen wilt hebben, selecteert u Ja en specificeer waar je ze hebt opgeslagen.

6. Bepaal of u gebruikgegevens naar Google wilt verzenden. Dit is een persoonlijke beslissing en zal niets veranderen in het installatie- of programmeerproces.

7. Wacht tot een venster verschijnt. Het zal worden genoemd "Android Studio Setup Wizard". Klik op De volgende verder gaan.

8. Bepaal of u een standaard of aangepaste installatie wilt uitvoeren. Als dit uw eerste keer is met Android Studio en / of u geen speciale vereisten hebt, moet u selecteren "Standaard".

9. Wacht tot de componenten worden gedownload en klik Af hebben. Dit kost wat tijd en je kunt ondertussen iets anders doen. Wanneer ze worden gedownload, klikt u op Af hebben.

Deel 2 van 4:

Een nieuw project starten

1. Open Android-studio.Het heeft een pictogram dat lijkt op een tekeningkompas in de vorm van een a in een groene cirkel.Klik op het pictogram om Android Studio te openen.

2. Klik op + Start een nieuw Android-studio-project. Het is te vinden in het venster gelabeld "Welkom bij Android Studio", Direct onder het Android Studio-logo. Als u een dergelijk venster niet ziet, controleert u of dat venster wordt verborgen door andere Windows die u hebt geopend.

3. Selecteer een activiteit en klik De volgende. Wanneer u een nieuw Android-project start, geeft deze een verscheidenheid aan sjablonen weer die u kunt selecteren.U kunt ook de apparaten selecteren die u wilt ontwerpen voor het gebruik van de tabbladen bovenaan (i.e. Telefoon en tablet, wearos, tv, enz.) Om te leren hoe u apps kunt maken, moet u selecteren "Lege activiteit". Wanneer u app-programmering hebt bedacht, kunt u de extra functies gebruiken die de andere activiteiten bieden.

4. Voer een naam in voor uw app. Dit geldt in het onderstaande veld "Naam" bovenaan de "Configureer uw project" bladzijde. Het moet kort en beschrijvend zijn, zodat u onmiddellijk ziet waar de app voor is.

5. Selecteer Java als de taal. Gebruik het vervolgkeuzemenu hieronder "Taal" selecteren Java.

6. Selecteer welke Android-versie u wilt ontwerpen voor.Gebruik het vervolgkeuzemenu naast "Minimaal API-niveau" Om de vroegste versie van Android te selecteren, is uw app compatibel met.Voor een eenvoudige app moet u een versie kiezen die wordt ondersteund door de meeste apparaten, zelfs als het ouder is.

7. Klik Af hebben. Dit creëert een nieuw Android-studio-project.Sta een paar minuten toe terwijl het geautomatiseerde build-systeem uw project instelt.

Deel 3 van 4:

Programmeren van de app

1. Begrijp wat je wilt doen. Denk na over wat de ingang van de gebruiker zal geven, hoe u het zal verwerken (u kunt tijdens het programmeren improviseren, maar u moet een overzicht hebben van hoe deze zou moeten werken), hoe u de uitvoer naar de gebruiker wilt weergeven). Dit voorbeeld laat zien hoe een app te maken waarbij de gebruiker twee nummers kan invoeren en de som wordt weergegeven.

2. Open de vertalingen-editor. Het is een goede gewoonte om alleen strings van de vertaalbronnen te gebruiken, zelfs als u de app niet vertaalt. Gebruik de volgende stappen om de vertalingen-editor te openen:

Klik op het tabblad dat zegt Activity_main.XML op de top.

Klik op het vervolgkeuzemenu dat zegt "Standaard (EN-VS)" bovenaan naast een pictogram dat lijkt op een wereldbol.

Klik op de optie die zegt Bewerk vertalingen....

3. Voeg wat tekst toe. U moet de gebruiker uitleggen wat ze moeten doen met de app.Gebruik de volgende stappen om tekst toe te voegen:

Druk op de plus ( + ) knop in de linkerbovenhoek van de Vertaal-editor om een string toe te voegen.

Plaats een korte sleutel (dit is bijvoorbeeld als een variabele naam "main_instruction".)

Voer de volledige Engelse tekst naast "Standaardwaarde" (ik.e. "Voer twee cijfers in om toe te voegen:").

Klik OK.

Als u wilt, kunt u een locale toevoegen met behulp van de knop die een wereldbol weergeeft met een + -teken op, en vervolgens alle tekst naar die locale vertalen.

4. Klik op de Activity_main.XML tab.Dit sluit de Editor Vertalen en schakelen terug naar het hoofdscherm van de activiteit.U ziet een leeg scherm met een tekstvak met de tekst "Hallo Wereld!" middenin. Voor nu is dit een vrij nutteloze interface.

5. Vervangen "Hallo Wereld!".Gebruik de volgende stappen om de "Hallo Wereld!" tekst:

Klik op het tekstvak in het midden.

Selecteer de ingang gelabeld "tekst" aan de rechterkant.

Vervangen "Hallo Wereld!" met "@ String / Main_Instruction" (of wat je ook de sleutel hebt gebeld die je hebt gemaakt). Het tekstvak toont nu de tekst die u voor die sleutel hebt ingevoerd.

Sleep het tekstvak verder, zodat u ruimte hebt voor andere elementen eronder.

Klik met de rechtermuisknop op de invoer van "Tekstweergave" In het menu dat alle items op het scherm weergeeft en selecteert Beperken gevolgd doorbovenliggende bovenkant.

Als dit het tekstvak naar een onaanvaardbare positie verplaatst, verplaatst u deze terug naar waar het was en herhaal. Selecteren Centrum gevolgd door Horizontaal om het tekstvak horizontaal te centreren.

6. Plaats twee numerieke ingangen op het scherm. Gebruik de volgende stappen om numerieke ingangen op het scherm toe te voegen:

Klik Tekst in het paneel naar links hieronder "Palet."

Sleep er twee Nummer (ondertekend) Ingangen tot het voorbeeldscherm.

Gebruik het tekstvak met het label "ID kaart" In het deelvenster Attributen rechts om de ID`s te wijzigen op iets dat u kunt herinneren (i.e. "nummer 1" en "nummer 2".) Vermijd het gebruik van spaties in de ID.

Beperking en centreer de nummeringangen, net zoals u deed met het tekstvak aan de bovenkant. Je kunt de waarschuwing negeren over vermist "AutoFillhints" attribuut.

7. Plaats een "Toevoegen" knop op het scherm. Gebruik de volgende stappen om een te voegen "Toevoegen" knop:

Klik Toetsen in het paneel naar links hieronder "Palet."

Slepen Knop op het scherm.

Voeg een tekenreeks toe in de Editor Vertalen met de sleutel "Text_Add" en "Toevoegen" als standaardwaarde.

Ga terug naar "Activity_main.XML" en vervang de tekst "Knop" met "@ String / Text_Add" in het kenmerkenpaneel aan de rechterkant

Geef de knop een beschrijvende ID, zoals "buttonadd" naast "ID kaart" in het kenmerkenpaneel aan de rechterkant.

Beperking en centreer de knop zoals u deed met de andere objecten op het scherm.

8. Voeg de twee vertaalsnaren toe. Open de Editor Vertalen en maak twee nieuwe snaren.Men moet worden genoemd "resultaat" als de sleutel en "Resultaat" als de standaardwaarde.De andere moet worden genoemd "NOT_YET_CALCULED" als de Key en "nog niet berekend" als de standaardwaarde.

9. Voeg twee andere tekstvakken toe. Gebruik de volgende stappen om twee nieuwe tekstvakken toe te voegen:

Schakel terug naar de "Activity_main.XML" tab.

Klik Tekst in het paneel naar links hieronder "Palet".

Sleep er tweeTekstweergave Tekstvakken op het scherm.

Vervang de snaren door degenen die u hebt toegevoegd.

Geef het tekstvak dat weergeeft "nog niet berekend" een ID leuk "voltooiing" in de "ID kaart"veld van het paneel attributen.

Beperk deze tekstvakken naar de bovenkant van de bovenliggende en de bovenliggende start.

10. Overschakelen naar "hoofdactiviteit.Java". Dit is het bestand dat de app-code bevat.

11. De nodige variabelen declareren. U moet de gebruikersinvoer krijgen om te reageren wanneer de gebruiker op een knop drukt en om de "nog niet berekend" tekstvak naar het resultaat van de berekening. Om dit te doen, moet het programma nodig hebben "zien" de items op het scherm. Je zou ze moeten verklaren als laatste omdat je ze nooit direct zult veranderen, alleen hun attributen. Typ dus het volgende op de lijn onder de functie Oncreate (), na de lijn met "setContentview (). Als de tekstvakken en knoppen verschillende namen hebben dan hieronder, verander ze dan indien nodig.Voer de code handmatig in.Het werkt niet als je kopieert en plakt.De code is als volgt:

Final EditText NUM1 = FINDVIEKBANID (R.ID kaart.nummer1) -Final EditText Num2 = FindviewByID (R.ID kaart.Number2) -Final Button ButtonAdd = FindviewByID (R.ID kaart.ButtonAdd) -Final TextView FUNCTIONOUR = FINDVIEKBIANID (R.ID kaart.resultaat)-

12. Maak een klik luisteraar. Dit is de functie die wordt genoemd wanneer de gebruiker op de knop klikt. Als u er een wilt toevoegen, typt u het volgende onder de laatste "laatste" regel van code:

buttonadd.SetonclickListener (nieuwe weergave.onclickListener () {@overridePublic void onclick (zie v) {

}})-

13. Voeg code toe aan de klik luisteraar. U wilt de ingangen van de gebruiker ontvangen, omzetten naar gehele getallen, voeg ze bij elkaar toe en wijzigt u de tekst van de "nog niet berekend" Textbox naar het resultaat. Voeg de volgende code onder de "Public Void onclick (View V)" lijn:

int som = geheel getal.PARSEINT (NUM1.GetText ().ToString ()) + geheel getal.PARSEINT (NUM2.GetText ().ToString ()) - Resultoop.SETEXT (Integer.TOSTRING (SUM))-

Deel 4 van 4:

Testen van de app

1. Bouw de apk. Gebruik de volgende stappen om het APK-bestand te bouwen:

Klik op de Bouwen tab.
Klik Build bundel (s) / apk (s)
Klik Bouw APK (S).

2. Klik op de "bevind zich" link in de verschijnende pop-up in de rechter benedenhoek. Hiermee wordt de map geopend met de APK in de bestandsbeheerder.

Aansluiten Uw Android-smartphone op uw computer.Gebruik de USB / MIROUSB-overdrachtskabel om uw smartphone of tablet op uw computer aan te sluiten.

Kopieer de apk op je smartphone. Om te voorkomen dat u een puinhoop op de smartphone maakt, maakt u een nieuwe map voor uw APKS (voor nu is het er maar één, maar als u blijft ontwikkelen, zult u binnenkort veel hebben) of gebruik de Downloads-map. Kopieer de .JSON bestand, negeer het gewoon.

5. Vind de apk op de smartphone. Open de bestandsbeheer. Als het niet in de recente downloads of in de APKS-sectie staat, zoek er dan naar.

6. Tik op de apk. Dit zal u vragen of u het wilt installeren. Kraan Ja en wacht op de installatie.

U moet het installeren van apps van externe bronnen in de instellingen van de smartphone om uw app erop te kunnen installeren en te testen.

U kunt de APK verwijderen na installatie. U kunt altijd een nieuwe op uw computer bouwen als u het opnieuw nodig hebt.

7. Open de app op de smartphone. Het heeft een wit Android-logo achter een donkerblauw-groene achtergrond als pictogram.

8. Controleer of de app-functies zoals verwacht.

Tips

Als je iets maakt dat je denkt dat je nuttig bent voor anderen, kun je je app publiceren op een of ander distributiepagina, zoals Google Play. Maar terwijl je nog steeds aan het leren bent, kun je net zo goed je programmeerexperimenten voor jezelf houden, die ze alleen lokaal op je smartphone en computer hebben opgeslagen.

Waarschuwingen

Het typen van commando`s die in dit artikel worden vermeld in de Windows-opdrachtregel werkt niet. Gebruik in plaats daarvan de andere methoden.

Installeer Android-studio alleen wanneer u een goede internetverbinding hebt. Als het vaak wordt onderbroken tijdens het installatieproces, kunnen onverwachte problemen optreden.