Een Android-app maken: alles wat u moet weten

Advertentie

Welkom bij de handleiding van MakeUseOf voor het maken van uw eigen Android-app. In deze handleiding bekijken we waarom u een eigen Android-applicatie wilt maken, enkele opties die u heeft om deze te bouwen en hoe u deze beschikbaar kunt maken voor anderen.

Inleiding tot Android-ontwikkeling

Er zijn twee manieren om een ​​Android-app te ontwikkelen. De eerste is om het helemaal opnieuw te schrijven, waarschijnlijk in Java. Maar dit veronderstelt u natuurlijk al weten Java of heb het geduld om het te leren Dus u wilt Android-apps ontwikkelen? Hier is hoe te lerenNa zoveel jaren zou je denken dat de mobiele markt nu verzadigd is met elke denkbare app voor de mens - maar dat is niet het geval. Er zijn tal van niches die nog moeten ... Lees verder voordat je erin duikt. Maar wat als u meteen wilt beginnen?

De andere optie is een van de point-and-click app-builders op de markt. Veel van deze zijn gericht op zakelijke gebruikers (en hebben een zakelijk prijskaartje). Maar MIT biedt zijn 'App Inventor', een online tool waarmee u uw app visueel kunt bouwen. U kunt een aantal leuke dingen bereiken met App Inventor, die u bezig houdt totdat u in Java kunt graven en toegang krijgt tot alle krachtige functies van het Android-platform.

In de onderstaande secties bouwen we een prototypeversie van een eenvoudige 'kladblok'-applicatie, waarin de tekst die u erin typt, wordt opgeslagen. We doen dit eerst in App Inventor en bekijken de resultaten in een Android-emulator. Vervolgens breiden we deze applicatie uit met de mogelijkheid om uit meerdere bestanden te kiezen, waardoor het meer een 'notitieblok' wordt. Voor dit type verbetering moeten we duiken in Java en Android Studio.

Klaar? Laten we beginnen.

Waarom ontwikkelen voor Android?

Er zijn een aantal redenen waarom u uw eigen Android-app wilt maken, waaronder:

• Noodzaak: Het is tenslotte de moeder van de uitvinding. Misschien realiseer je je, nadat je in de Play Store naar je droom-app hebt gezocht, dat je dit gaat doen moet je zelf bouwen 4 vragen om jezelf te stellen voordat je leert coderenEen programmeertaal leren is populair. Maar is het voor iedereen? Stel uzelf de volgende vragen voordat u zich ertoe verbindt en wees eerlijk. Lees verder omdat nog niemand anders.
• Gemeenschap: Iets nuttigs ontwikkelen en gratis beschikbaar stellen (vooral als open source) is een uitstekende manier om dat te doen deelnemen aan de Android- en / of FOSS-community Waarom dragen mensen bij aan open source-projecten?Open source ontwikkeling is de toekomst van software. Het is geweldig voor gebruikers omdat open source-software meestal gratis beschikbaar is en vaak veiliger in gebruik. Maar wat dwingt ontwikkelaars om gratis code bij te dragen? Lees verder . Zonder open source-bijdragen zou er geen Linux zijn, en zonder Linux zou er geen Android zijn Is Android echt open source? En maakt het zelfs uit?Hier onderzoeken we of Android echt open source is. Het is tenslotte gebaseerd op Linux! Lees verder (of in ieder geval geen Android zoals we die kennen). Overweeg dus om iets terug te geven!
• Aan het leren: Er zijn maar weinig betere manieren om inzicht te krijgen in een platform dan er voor te ontwikkelen. Het kan voor school zijn of voor je eigen nieuwsgierigheid. En hey, als je er uiteindelijk een paar dollar van kunt verdienen, des te beter.
• Inkomsten genereren: Aan de andere kant, misschien ga je hiermee vanaf het begin geld verdienen. Terwijl Android ooit werd beschouwd als het 'low-rent'-district van app-inkomsten, is dit langzaam aan het veranderen. Business insider gemeld in maart dat Android-inkomsten in 2017 naar verwachting voor het eerst iOS zullen overtreffen.
• Toevoegen: Ontwikkelaars maken vaak apps in het algemeen als een manier om een ​​bestaand product of dienst te promoten, er toegang toe te krijgen of anderszins aan te vullen console begeleidende apps Haal meer uit uw console met mobiele Companion-appsEen gamecontroller is geen vreselijke afstandsbediening, maar het is ook geen geweldige. Een tablet of, in sommige gevallen, een smartphone biedt een betere manier om toegang te krijgen tot consolefuncties. Lees verder en MakeUseOf's eigen app.

Wat uw reden ook is, app-ontwikkeling zal uw ontwerp, technische en logische vaardigheden uitdagen. En het resultaat van deze oefening (een werkende en nuttige applicatie voor Android) is een geweldige prestatie die kan dienen als een portfoliostuk.

Er zijn veel manieren om uw app te maken, waaronder verschillende toolkits, programmeertalen De beste talen voor mobiele app-ontwikkeling in 2016De wereld van de ontwikkeling van mobiele apps gaat nog steeds zo sterk als altijd. Als je wilt beginnen, is het niet te laat! Dit zijn de talen die je zou moeten overwegen om te leren. Lees verder , en verkooppunten Google Play vs. Amazon Appstore: wat is beter?De Google Play Store is niet je enige optie als het gaat om het downloaden van apps - moet je de Amazon Appstore eens proberen? Lees verder . Deze vallen op hoog niveau uiteen in de volgende twee categorieën.

Point-and-click Apps

Als je een beginner bent in ontwikkeling, zijn er omgevingen waarmee je een Android-app kunt bouwen op dezelfde manier als je een Powerpoint-presentatie zou maken. U kunt bedieningselementen zoals knoppen of tekstvakken selecteren, ze op een scherm neerzetten (zoals weergegeven in de onderstaande afbeelding) en enkele parameters geven over hoe ze zich moeten gedragen. Allemaal zonder code te schrijven.

Dit soort toepassingen heeft het voordeel van een ondiepe leercurve. Je kunt meestal meteen naar binnen springen en op zijn minst beginnen met het opmaken van je scherm. Ze halen ook veel complexiteit uit de applicatie, omdat ze achter de schermen zijn ontworpen om technische details (zoals objecttypen of foutafhandeling) af te handelen. Aan de andere kant betekent die eenvoud dat u overgeleverd bent aan de maker van de tool over welke functies worden ondersteund. Daarnaast zijn veel van deze tools gericht op grote bedrijven en kunnen ze duur zijn.

Een uitzondering is de App Inventor-webapplicatie van MIT, die functioneel en gratis is. Nadat je bent ingelogd met een Google-account, kun je binnen een paar minuten op een app klikken en een voorbeeld bekijken op je telefoon of via een Android-emulator.

Schrijf vanaf nul

De andere optie is om uw applicatie helemaal opnieuw te schrijven. Dit is waarschijnlijk anders dan wat je je voorstelt - het is niet zoals de films het uitbeelden Hollywood Hacks: The Best and Worst Hacking in MoviesHollywood en hacking kunnen niet met elkaar overweg. Hoewel hacken in het echte leven moeilijk is, houdt het hacken van films vaak in dat je gewoon op een toetsenbord bonkt alsof je vingers uit de mode raken. Lees verder .

Vervolgens typt u code één regel tegelijk in bronbestanden ze compileren Hoe u uw eigen Linux-kernel kunt samenstellenHet compileren van je eigen Linux-kernel is een van die geeky, technische dingen, toch? We hebben al een paar redenen besproken waarom u dit zou willen doen - dit is het moment om het zelf te proberen! Lees verder in een uitvoerbare applicatie. Hoewel het misschien saai klinkt, wordt in werkelijkheid veel meer van je tijd in programmeren besteed ontwerp, of nadenken over hoe dingen zouden moeten werken. Vraag de meeste ontwikkelaars en ze zullen zeggen dat ze slechts 10-15% van hun tijd aan code-invoer besteden. U besteedt dus het grootste deel van uw tijd aan dagdromen (productief) over wat uw app moet doen.

Jij kan codeer Android-applicaties op een aantal verschillende manieren De beste talen voor mobiele app-ontwikkeling in 2016De wereld van de ontwikkeling van mobiele apps gaat nog steeds zo sterk als altijd. Als je wilt beginnen, is het niet te laat! Dit zijn de talen die je zou moeten overwegen om te leren. Lees verder . De "standaard" manier is om apps te schrijven in Java, consequent een van de meest populaire talen ter wereld, hoewel Google Kotlin als een andere optie toevoegt. Voor prestatie-intensieve apps zoals games, heb je de mogelijkheid om te schrijven in een "moedertaal" zoals C ++. Deze apps draaien rechtstreeks op de hardware van uw Android-apparaat, in tegenstelling tot "gewone" op Java gebaseerde apps die op de Dalvik draaien Virtuele machine Wat is de virtuele Java-machine en hoe werkt deze?Hoewel het niet strikt noodzakelijk is om te weten dat het werkt om in Java te programmeren, is het toch goed om te weten omdat het je kan helpen een betere programmeur te worden. Lees verder . Ten slotte zijn er manieren om webapplicaties af te sluiten (met toolkits zoals Microsoft's Xamarin of Native React van Facebook 7 Beste gratis tutorials voor het leren reageren en het maken van web-appsGratis cursussen zijn zelden zo uitgebreid en nuttig - maar we hebben verschillende React-cursussen gevonden die uitstekend zijn en je op weg helpen. Lees verder ) voor distributie als mobiele apps die er 'native' uitzien.

Terwijl geïntegreerde ontwikkelomgevingen (IDE's) Teksteditors vs. IDE's: welke is beter voor programmeurs?Kiezen tussen een geavanceerde IDE en een eenvoudigere teksteditor kan moeilijk zijn. We bieden enig inzicht om u te helpen die beslissing te nemen. Lees verder omgaan met enkele van de routine-elementen van programmeren, begrijp dat de leercurve voor deze methode steil is. Welke taal u ook kiest, u moet vertrouwd zijn met de basis ervan. Deze tijd vooraf investeren is een nadeel van deze methode, in die zin dat u niet meteen in de ontwikkeling van uw app kunt komen. Maar op de lange termijn is het een voordeel, omdat de vaardigheden die je leert elders kunnen worden toegepast. Leer Java Dus u wilt Android-apps ontwikkelen? Hier is hoe te lerenNa zoveel jaren zou je denken dat de mobiele markt nu verzadigd is met elke denkbare app voor de mens - maar dat is niet het geval. Er zijn tal van niches die nog moeten ... Lees verder en u kunt naast Android-apps ontwikkelen voor desktop- en serverapplicaties (inclusief webgebaseerde applicaties).

Welke optie is het beste voor uw project?

Dus welke weg is de "beste?" Dit is te subjectief om voor iedereen te beantwoorden, maar we kunnen het als volgt generaliseren. Als je nieuwsgierig bent, maar gewoon 'aan het spelen bent', blijf dan bij de makers van aanwijzen en klikken. Ze helpen je die creatieve jeuk te krabben zonder dat er 'cursussen' nodig zijn. Maar als het idee van dat cursussen je niet bang maken, overweeg dan om het langere pad te volgen en een programmering te leren taal. De investering zal op vele andere manieren langs de lijn zijn vruchten afwerpen.

Overweeg bovendien om beide te gebruiken! Point-and-click-builders zijn een uitstekende manier om snel een prototype of 'proof of concept' samen te stellen. Gebruik ze om enkele details (zoals lay-out en schermstroom) te doorlopen, zoals ze zijn veel sneller rondschuiven in een muisgestuurde omgeving. Implementeer ze vervolgens indien nodig opnieuw in Java om te profiteren van de flexibiliteit.

We zullen precies die benadering volgen in deze gids. Wij zullen:

1. Prototype onze applicatie, een "kladblok" dat tekst voor u opslaat in een bestand, met behulp van MIT's App Inventor.
2. Opnieuw implementeren dit in Java (met een beetje hulp van Google's Android Studio IDE), ga dan verder met uitbreiden de app waarmee u kunt kiezen uit meerdere bestanden, waardoor het meer een 'notitieblok' wordt.

Oké, genoeg gepraat. In het volgende gedeelte maken we ons klaar om te coderen.

Klaar om uw app te maken

Duik nog niet meteen in - eerst heb je wat kennis en wat software nodig.

Kennis die u nodig heeft

Voordat we beginnen met het installeren van bepaalde software, is er enige kennis die u moet hebben voordat u begint. Allereerst is, 'Wat moet het doen?' Wachten tot u een duidelijk concept voor uw app heeft voordat u met de ontwikkeling begint, lijkt misschien vanzelfsprekend, maar het zou u verbazen. Neem dus de tijd om dit concept te doorlopen, en noteer zelfs enkele opmerkingen over gedrag en enkele schermen schetsen Wat is een website-draadframe en hoe kan het u helpen bij het ontwikkelen van uw website?Op technisch vlak is een moderne website niet één ding. Het is een complexe soep van interactieve technologieën, zoals HTML (de opmaak die je op de pagina ziet), JavaScript (de taal die in je browser wordt uitgevoerd, ... Lees verder . Zorg eerst voor een relatief compleet beeld van uw app.

Kijk vervolgens in wat is mogelijk. Stel je bijvoorbeeld voor dat de ideale foto van je app iets is waarmee je je hele leven een video-opname kunt maken voor het nageslacht. U kan maak een app die video vastlegt. U kan niet maak er een die elk moment van je leven op je apparaat opslaat (onvoldoende opslag). Maar jij kan probeer een deel van deze opslag naar de cloud over te brengen, hoewel het tijd kost om te ontwikkelen, en dat heeft zijn eigen beperkingen (wat gebeurt er als je geen netwerktoegang hebt?). Hier bekijkt u enkele van de technische details en kunt u beslissingen nemen, zoals of u helemaal opnieuw codeert of niet.

Ten slotte is het de moeite waard om te weten wat er is nu al. Als je alleen maar wilt leren of een bijdrage wilt leveren aan de community, is er dan een bestaand open source-project zoals het jouwe? Kunt u dat project als uitgangspunt nemen? Of nog beter, uw verbetering ontwikkelen en eraan bijdragen? Als u geld wilt verdienen, hoe ziet uw concurrentie eruit? Als je een eenvoudige wekker-app schrijft en verwacht een miljoen dollar te verdienen, kun je beter iets speciaals aan tafel brengen.

Zoals besproken, bouwen we een eenvoudig kladblok, dat wat tekst erin verzamelt en vasthoudt. En daarmee overtreden we de bovenstaande regels, omdat er al veel Android-apps voor het maken van aantekeningen zijn, beide Open 5 beste open source notitie-apps voor AndroidHoud je van open source software en wil je aantekeningen maken? We hebben je gedekt. Lees verder en gesloten bron Wat is de beste gratis notitie-app voor Android?Wilt u aantekeningen maken op uw Android-telefoon of -tablet? Hier zijn de beste gratis notitie-apps voor Android. Lees verder . Maar laten we doen alsof dit later een veel complexere app wordt. Je moet ergens beginnen.

Nu krijgen we een deel van de software die u nodig heeft.

Voorbereiden om te ontwikkelen met App Inventor

U hoeft niets te installeren om de App Inventor-tool te gebruiken. Het is een webapplicatie en u hebt er volledig toegang toe via de browser. Wanneer je de site bezoekt, zie je een knop in de rechterbovenhoek naar Maak apps! Als u momenteel niet bent ingelogd op een Google-account, wordt u door hierop te klikken naar een inlogpagina geleid.

Anders moet u rechtstreeks naar de app-uitvinder gaan Mijn projecten bladzijde.

Overweeg op dit punt waar u uw app wilt testen. Als je avontuurlijk bent, kun je het testen op je telefoon of tablet door het te installeren de Companion-app uit de Play Store. Dan ben je er helemaal klaar voor - je hebt een lopend project nodig om echt iets op je apparaat te zien, maar daar komen we later op terug.

Als alternatief kunt u de emulator gebruiken om uw app op uw computer te testen. Download en installeer de emulator voor uw besturingssysteem vanaf deze pagina. De onderstaande afbeelding toont de app die op Linux wordt geïnstalleerd, maar de juiste versie zou ook zonder problemen op Windows of Mac moeten worden geïnstalleerd.

U kunt de emulator starten door de opdracht "aiStarter" uit te voeren. Dit begint een achtergrondproces Hoe Linux Start-Up Services en Daemons te besturenLinux voert veel applicaties uit "op de achtergrond" waarvan u zich misschien niet eens bewust bent. Hier leest u hoe u ze kunt overnemen. Lees verder die uw (lokale) emulator verbindt met de (cloudgebaseerde) App Inventor. Windows-systemen bieden hiervoor een snelkoppeling, terwijl het automatisch start voor Mac-gebruikers bij het inloggen. Linux-gebruikers moeten het volgende in een terminal uitvoeren:

/ usr / google / appinventor / commando's-voor-appinventor / aiStarter &

Zodra het actief is, kunt u de verbinding testen door op te klikken Emulator item in de Aansluiten menu. Als je de emulator ziet draaien (zoals weergegeven in de onderstaande afbeelding), ben je klaar om te gaan.

Android Studio installeren

Als u van plan bent enkele eenvoudige programma's te ontwikkelen, is App Inventor wellicht alles wat u ooit nodig zult hebben. Maar nadat je er een tijdje mee hebt gespeeld, loop je misschien tegen een muur aan, of weet je misschien dat je een aantal functies gaat gebruiken die App Inventor niet ondersteunt (zoals in-app-facturering). Hiervoor moet Android Studio zijn geïnstalleerd.

Nu de officiële ontwikkelomgeving zoals goedgekeurd door Google, is Android Studio een versie van de IntelliJ IDEE Java IDE van JetBrains. U kunt een kopie voor uw besturingssysteem downloaden vanaf Google's Android Developer-pagina hier. Windows- en Mac-gebruikers kunnen starten het installatieprogramma met een EXE-bestand of DMG-afbeelding Dit is hoe software-installatieprogramma's werken op Windows, macOS en LinuxModerne besturingssystemen bieden u eenvoudige methoden om nieuwe applicaties in te stellen. Maar wat gebeurt er eigenlijk als u dat installatieprogramma uitvoert of die opdracht geeft? Lees verder respectievelijk.

Linux-gebruikers kunnen het ZIP-bestand gebruiken, het uitpakken waar u maar wilt en vanaf daar Android Studio uitvoeren (Windows / Mac-gebruikers kunnen dit ook doen). Anders kunt u gebruiken Ubuntu Make om het pakket voor u te downloaden en te installeren. Als u de meest recente LTS-versie gebruikt (16.04 vanaf dit moment), moet u de Ubuntu Maak PPA Wat is een Ubuntu PPA en waarom zou ik er een willen gebruiken? [Technologie uitgelegd] Lees verder op uw systeem om toegang te krijgen tot Android Studio:

sudo add-apt-repository ppa: ubuntu-desktop / ubuntu-make

Werk vervolgens uw systeem bij met het volgende.

sudo apt update

Installeer ten slotte Ubuntu Make met deze opdracht:

sudo apt umake installeren

Na installatie kunt u Ubuntu Make opdracht geven om Android Studio voor u te installeren met de volgende opdracht:

umake android android-studio

Nadat de licentieovereenkomst is weergegeven, begint het met het downloaden en installeren van de basistoepassing. Zodra het is voltooid en u Android Studio start, leidt een wizard u door nog een paar stappen.

Eerst krijgt u de keuze of u een 'standaard'-installatie of iets aangepasts wilt. Selecteer hier de standaardinstallatie, hierdoor kunt u sneller aan de slag.

Vervolgens krijg je een bericht dat je wat extra componenten moet downloaden, en het zal waarschijnlijk even duren.

Zodra alles is geïnstalleerd, krijg je een klein opstartscherm waarmee je een nieuw project kunt maken, een bestaand project kunt openen of je instellingen kunt openen.

Ik weet dat je klaar bent om je handen vuil te maken. Laten we zonder verder oponthoud iets bouwen.

Een eenvoudig Android-kladblok bouwen

Omdat we (natuurlijk) hebben nagedacht en erover nagedacht voordat we er gewoon in springen, weten we dat onze Android-app uit twee schermen zal bestaan.

De ene stelt de gebruiker in staat om "nu te bewerken" of af te sluiten, en de andere zal de daadwerkelijke bewerking uitvoeren. Het eerste scherm lijkt misschien nutteloos, maar het kan later van pas komen als we functies toevoegen. De tekst die is vastgelegd op het "bewerk" -scherm wordt opgeslagen in een gewoon tekstbestand, omdat regels voor platte tekst Alles wat u moet weten over bestandsindelingen en hun eigenschappenWe gebruiken het woordbestand onderling uitwisselbaar: muziek, afbeelding, spreadsheet, diavoorstelling, enzovoort. Maar wat maakt een bestand eigenlijk een "bestand"? Laten we proberen dit fundamentele onderdeel van computers te begrijpen. Lees verder . De volgende wireframes geven ons een goed referentiepunt (en het kostte maar 5 minuten om op te zwepen):

In het volgende gedeelte bouwen we het samen met MIT's App Inventor.

Aan de slag met MIT App Inventor

De eerste stap is het creëren van een nieuw project. Meld u aan bij App Inventor en klik vervolgens op Start nieuw project knop aan de linkerkant (ook beschikbaar in de Projecten menu).

Je krijgt een dialoogvenster om het een naam te geven.

Maar nu komt u terecht in de Designer-weergave van App Inventor en er valt veel te beleven. Laten we even naar elk gedeelte kijken.

1. De titelbalk bovenaan toont uw projectnaam (muoScratchpad); kunt u de schermen van uw app toevoegen, verwijderen en er tussen schakelen (bijv. Scherm 1); en schakelt tussen App Inventor's Ontwerper en Blokken uitzicht op uiterst rechts.
2. De Palet aan de linkerkant staan ​​alle bedieningselementen en widgets die je gaat gebruiken. Ze zijn onderverdeeld in secties zoals Gebruikersomgeving en Opslag; we gebruiken beide in onze app. We zullen zien hoe de Palet bevat verschillende items in de Blokken visie.
3. De Kijker laat je zien wat je aan het bouwen bent op WYSIWYG-manier.
4. Componenten is een lijst met items die deel uitmaken van het huidige scherm. Als je knoppen, tekstvakken enz. Toevoegt, worden ze hier weergegeven. Sommige 'verborgen' items, zoals verwijzingen naar bestanden, worden hier ook weergegeven, ook al maken ze niet echt deel uit van de gebruikersinterface.
5. De Media sectie kunt u items uploaden die u in uw project gaat gebruiken, zoals afbeeldingen of geluidsclips. (Deze hebben we niet nodig.)
6. eindelijk, de Eigendommen deelvenster kunt u de momenteel geselecteerde widget configureren. Als u bijvoorbeeld een afbeeldingswidget selecteert, kunt u de hoogte en breedte wijzigen.

Uw eerste scherm opmaken: "Hoofdscherm"

Laten we de lay-out voor het 'hoofdscherm' samenstellen in Designer voordat we verder gaan. Als we naar de schets kijken, hebben we een label nodig voor de naam van de app, een regel helptekst, een knop om naar het bewerkingsscherm te gaan en een knop om af te sluiten. Je kan de... zien Gebruikersomgeving palet bevat alle items die we nodig hebben: twee Etiketten, en twee Toetsen. Sleep deze naar een verticale kolom bovenaan het scherm.

Vervolgens configureren we ze allemaal. Voor de labels kunt u elementen instellen zoals de tekst, de achtergrondkleur en uitlijning. We centreren onze beide labels, maar stellen de achtergrond van de app-naam in op zwart met witte tekst.

Het is tijd om te zien hoe het er echt uitziet op een apparaat. Als je dingen bouwt, doe dat dan in kleine stapjes. Ik kan dit niet genoeg benadrukken.

Bouw niet in één keer een grote lijst met dingen in uw app in, want als er iets kapot gaat, duurt het even lang tijd om erachter te komen waarom. Als u op een echte telefoon wilt testen, kunt u uw AI2 Companion-app opstarten en verbinding maken met App Inventor met de QR-code of de meegeleverde code van zes tekens.

Om een ​​voorbeeld te bekijken met de emulator, zorg ervoor dat u het hierboven beschreven aiStarter-programma hebt gestart en selecteer vervolgens de Emulator item opnieuw uit de Aansluiten menu. Hoe dan ook, na een korte pauze zou je je app moeten zien verschijnen, ongeveer zoiets als wat je in de Viewer hebt (de daadwerkelijke lay-out kan afhangen van de afmetingen van je apparaat en emulator).

Omdat de titel er goed uitziet, laten we ook de tekst op de andere wijzigen en ze in het midden uitlijnen (dit is een eigenschap van het scherm, AlignHorizontal, niet de tekst / knoppen). Nu kunt u een van de echt coole aspecten van App Inventor zien - al uw wijzigingen worden in realtime uitgevoerd! Je ziet de tekst veranderen, de knoppen passen hun uitlijning aan, enz.

Het functioneel maken

Nu de lay-out klaar is, gaan we wat functionaliteit toevoegen. Klik op de Blokken knop linksboven. U ziet een vergelijkbare lay-out als de Designer-weergave, maar u heeft een aantal verschillende keuzes in categorieën. Dit zijn programmeerconcepten in plaats van interfacebedieningen, maar net als de andere weergave, gebruik je slepen en neerzetten om deze samen te voegen als onderdeel van je app.

Het linkerpalet bevat categorieën zoals Controle, Tekst, en Variabelen in de categorie "Ingebouwd". De blokken in deze categorie vertegenwoordigen functies die grotendeels achter de schermen plaatsvinden, zoals de Wiskunde items die berekeningen kunnen uitvoeren. Hieronder vindt u een lijst met de elementen in uw scherm (en) en de blokken die hier beschikbaar zijn, hebben invloed op die elementen. Als u bijvoorbeeld op een van onze labels klikt, worden blokken weergegeven die de tekst van dat label kunnen wijzigen, terwijl de knoppen blokken bevatten om te definiëren wat er gebeurt wanneer u erop klikt.

Naast hun categorie (weergegeven door kleur) heeft elk blok ook een vorm die het doel ervan vertegenwoordigt. Deze zijn grofweg als volgt te verdelen:

• U kunt items met een grote opening in het midden, zoals het hierboven getoonde 'als-dan'-blok, zien als items die worden afgehandeld evenementen. Als er iets in de app gebeurt, worden de andere dingen binnen die kloof uitgevoerd.
• Platte blokken met connectoren zijn twee dingen. De eerste zijn verklaringen, wat het equivalent is van opdrachten, de items die in de bovenstaande stromen passen. In het bovenstaande voorbeeld is de Maak een lijst blok is een statement, zoals het is applicatie sluiten.
• De andere optie is uitdrukkingen, die slechts in geringe mate verschillen van verklaringen. Waar een verklaring zou kunnen zeggen "stel dit in op" 42 ", zou een uitdrukking zijn als" voeg 22 toe aan 20 en geef me het resultaat terug ". In bovenstaande, staat in de lijst is een uitdrukking die naar waar of onwaar evalueert. Expressies zijn ook platte blokken, maar ze hebben waarschijnlijk een tabblad aan de linkerkant en een inkeping aan de rechterkant.
• Tenslotte waarden omvatten getallen ("17" en "42" hierboven), tekstreeksen ("Thing 1" en "Thing 2") of true / false. Ze hebben meestal alleen een tabblad aan de linkerkant, omdat ze iets zijn dat u aan een verklaring of uitdrukking verstrekt.

Je kunt zeker door alle gidsen en tutorials op App Inventor. Het is echter ontworpen om gewoon rond te klikken en (letterlijk) te zien wat past. Op onze eerste pagina hebben we twee items die aandacht nodig hebben (de knoppen), dus laten we eens kijken wat we kunnen bedenken. Een van deze (Button2) zal de app sluiten wanneer erop wordt geklikt. Omdat dit een interactie is met de knop. We kunnen controleren op knopblokken en er een vinden die begint met wanneer Button2.click (of wanneer op knop 1 wordt geklikt). Dit is precies wat we willen, dus we slepen dit naar de viewer.

Wanneer er nu op wordt geklikt, willen we dat de app wordt gesloten, wat klinkt als een algemene app-stroomfunctie. Een kijkje nemen in de Ingebouwd> Controle sectie zien we inderdaad een applicatie sluiten Blok. En door het naar de opening in het eerste blok te slepen, klikt het op zijn plaats. Succes!

Wanneer u nu op de knop klikt, wordt de app gesloten. Laten we het proberen in de emulator. Het laat ons een fout zien dat het sluiten van de app niet wordt ondersteund in de ontwikkelomgeving, maar als je dit ziet, betekent dit dat het werkt!

Het tweede scherm bouwen: Editor-scherm

Laten we nu onze aandacht richten op Button1.

Dit zou onze editor moeten openen, dus we moeten er zeker van zijn dat de editor bestaat! Laten we teruggaan naar de Designer en een nieuw scherm maken met hetzelfde label als het eerste scherm, een Tekstvak (ingesteld op "ouder opvullen" voor Breedte, 50% voor Hoogte, en met Multiline ingeschakeld) om onze inhoud vast te houden, en een andere knop (met het label "<< Opslaan"). Controleer nu die lay-out in de emulator!

Voordat we verder gaan, weten we dat we de inhoud van de TextBox willen opslaan, wat klinkt als Opslag. Zeker, er zijn een paar opties.

Van deze, het dossier is het meest rechttoe rechtaan, en aangezien we platte tekst willen, komt het goed. Wanneer je dit in de viewer plaatst, zul je merken dat het niet verschijnt. het dossier is een niet zichtbaar component, omdat het op de achtergrond werkt om de inhoud op te slaan in een bestand op het apparaat. De helptekst geeft u een idee hoe dit werkt, maar als u deze items zichtbaar wilt hebben, vink dan de aan Geef verborgen componenten weer in Viewer checkbox.

Schakel nu over naar de weergave Blokken - het is tijd om te programmeren. Het enige gedrag dat we nodig hebben, is wanneer op de knop '<< Opslaan' wordt geklikt, dus we pakken onze wanneer Button1.click Blok. Hier begint App Inventor echt te schitteren.

Eerst slaan we de inhoud van de TextBox op door de te pakken bel File1.saveFile blok en geef het de tekst die we willen (met TextBox1's TextBox1.text, die de inhoud ophaalt) en een bestand om het op te slaan (geef gewoon een pad en bestandsnaam op met een tekstblok - de app maakt het bestand voor u als het niet bestaat).

Laten we ook het scherm instellen om de inhoud van dit bestand te laden wanneer het wordt geopend (Editor> wanneer Editor.initialiseren Blok). Het zou moeten bel File1.ReadFrom wat verwijst naar onze bestandsnaam. We kunnen het resultaat van het lezen van het tekstbestand vastleggen met Bestand> wanneer File1.GotText, wijs die inhoud toe aan de TextBox met de TextBox> stel TextBox in. Sms naar blok, en geef het de krijg tekst waarde. Ten slotte willen we na het opslaan een klik op Button1 om ons terug te sturen naar het hoofdscherm (a scherm sluiten Blok).

De laatste stap is om terug te gaan naar het hoofdscherm en de eerste knop te programmeren. We willen dat het ons naar het Editor-scherm stuurt, wat een fluitje van een cent is met de Controle> open een ander scherm blok, met vermelding van "Editor."

Wat volgt?

Wat komt er nu u iets heeft dat werkt? Om het natuurlijk te verbeteren! App Inventor geeft u toegang tot een breed scala aan Android-functies. Naast de eenvoudige schermen die we zojuist hebben gemaakt, kunt u mogelijkheden zoals het afspelen van media, het verzenden van teksten of zelfs een live webweergave aan uw app toevoegen.

Een van de eerste verbeteringen die in je opkomt is de mogelijkheid om uit meerdere bestanden te kiezen. Maar een snelle internet zoekopdracht onthult dat dit enige opperste hackery vereist in App Inventor. Als we deze functie willen, moeten we ingaan op Java en de Android Studio-omgeving.

Ontwikkeling in Java met Android Studio

De onderstaande secties beschrijven - op een zeer hoog niveau - de ontwikkeling van onze kladblok-app in Java. Het is de moeite waard om het nog een keer te herhalen: hoewel het onderweg grote voordelen kan opleveren, vereist het leren van Java en Android Studio een aanzienlijke tijdsinvestering.

Dus er zal niet zoveel uitleg over zijn wat de code betekent hieronder, en u hoeft zich er ook geen zorgen over te maken. Java lesgeven valt buiten het bestek van dit artikel. Wat we zal ik doen wordt onderzocht hoe dicht de Java-code is bij de dingen die we al hebben gebouwd in App Inventor.

Begin met het opstarten van Android Studio en selecteer de Start een nieuw Android Studio-project item. Je wordt door een tovenaar geleid die een paar dingen vraagt. Het eerste scherm vraagt ​​om een ​​naam voor uw app, uw domein (dit is belangrijk als u zich aanmeldt bij de app store, maar niet als u alleen voor uzelf ontwikkelt), en een directory voor het project.

Op het volgende scherm stel je in de versie van Android Een beknopte handleiding voor Android-versies en updates [Android]Als iemand je vertelt dat ze Android gebruiken, zeggen ze niet zoveel als je zou denken. In tegenstelling tot de belangrijkste computerbesturingssystemen, is Android een breed besturingssysteem dat verschillende versies en platforms omvat. Als je het leuk vindt... Lees verder richten. Als u een recentere versie selecteert, kunt u de nieuwere functies van het platform opnemen, maar mogelijk worden sommige gebruikers uitgesloten van wie de apparaten niet actueel zijn. Dit is een eenvoudige app, dus we kunnen bij Ice Cream Sandwich blijven.

Vervolgens selecteren we de standaard Werkzaamheid voor onze app. Activiteiten zijn een kernbegrip in de ontwikkeling van Android, maar voor onze doeleinden kunnen we ze definiëren als schermen. Android Studio heeft een nummer waaruit u kunt kiezen, maar we beginnen gewoon met een blanco nummer en bouwen het zelf. Op het scherm daarna kun je het een naam geven.

Neem even de tijd om kennis te maken met Android Studio zodra het nieuwe project is gelanceerd.

1. De bovenste werkbalk heeft knoppen voor een grote verscheidenheid aan functies. Degene die voor ons het belangrijkst is, is de Rennen knop, waarmee de app wordt gebouwd en in de emulator wordt gestart. (Ga je gang en probeer het, het bouwt prima.) Er zijn er nog meer zoals Opslaan en Vind, maar deze werken via de sneltoetsen die we allemaal gewend zijn (respectievelijk Ctrl + S en Ctrl + F).
2. De linkerhand Project deelvenster toont de inhoud van uw project. U kunt hierop dubbelklikken om ze te openen voor bewerking.
3. De middelste regio is uw redacteur. Afhankelijk van wat je precies aan het bewerken bent, kan dit tekstgebaseerd of grafisch zijn, zoals we straks zullen zien. Dit kan ook andere deelvensters weergeven, zoals een rechter Eigenschappenvenster (opnieuw, zoals App Inventor).
4. De rechter- en onderrand hebben een selectie van andere tools die verschijnen als deelvensters wanneer geselecteerd. Er zijn zaken als een terminal voor het uitvoeren van opdrachtregelprogramma's en versiebeheer, maar de meeste hiervan zijn niet belangrijk voor een eenvoudig programma.

Het hoofdscherm overzetten naar Java

We beginnen met het opnieuw bouwen van het kladblok in Java. Als we naar onze vorige app kijken, kunnen we zien dat we voor het eerste scherm een ​​label en twee knoppen nodig hebben.

In de afgelopen jaren was het maken van een gebruikersinterface op Android een moeizaam proces met handgemaakte XML. Tegenwoordig doe je het grafisch, net als in App Inventor. Elk van onze activiteiten heeft een opmaakbestand (gedaan in XML) en een codebestand (JAVA).

Klik op het tabblad "main_activity.xml" en je ziet het onderstaande (erg Designer-achtige) scherm. We kunnen het gebruiken om onze controles te slepen en neer te zetten: a Tekstweergave (zoals een label) en twee Toetsen.

Laten we de Uitgang knop. We moeten zowel een knop in code als grafisch maken, in tegenstelling tot App Inventor die die boekhouding voor ons afhandelt.

Maar Leuk vinden AI, de Java API van Android, gebruikt het concept van een 'onClickListner'. Het reageert wanneer een gebruiker op een knop klikt, net als onze oude vriend, het blok "wanneer Button1.click". We gebruiken de "finish ()" - methode, zodat wanneer de gebruiker klikt, de app wordt afgesloten (onthoud, probeer dit in de emulator als je klaar bent).

Het editorscherm toevoegen

Nu we de app kunnen sluiten, volgen we onze stappen opnieuw. Voordat we de knop 'Bewerken' aansluiten, moeten we eerst de Editor-activiteit (scherm) maken. Klik met de rechtermuisknop in het Project deelvenster en selecteer Nieuw> Activiteit> Lege activiteit en noem het "EditorActivity" om het nieuwe scherm te creëren.

Vervolgens maken we de layout van de Editor met een EditTextBox (waar de tekst naartoe gaat) en een knop. Pas de... aan Eigendommen van elk naar wens.

Schakel nu over naar het EditorActivity.java-bestand. We coderen een aantal vergelijkbare functies als wat we deden in App Inventor.

Men zal het bestand maken om onze tekst op te slaan als het niet bestaat, of de inhoud lezen als dat zo is. Een paar regels zullen de EditTextBox en laad onze tekst erin. Ten slotte zal een beetje meer code de knop en de onClickListener maken (die de tekst in het bestand opslaat en vervolgens de activiteit sluit).

Als we het nu in de emulator uitvoeren, zien we het volgende:

1. Voordat het wordt uitgevoerd, is er geen map bij "/ storage / emulated / 0 / Android / data / [uw domein en projectnaam] / files", wat de standaarddirectory is voor app-specifieke gegevens.
2. Bij de eerste uitvoering verschijnt het hoofdscherm zoals verwacht. Nog steeds geen map zoals hierboven, noch ons kladblokbestand.
3. Door te klikken op de Bewerk knop, wordt de map gemaakt, evenals het bestand.
4. Door te klikken Opslaanwordt alle ingevoerde tekst opgeslagen in het bestand. U kunt dit bevestigen door het bestand te openen in een teksteditor.
5. Door te klikken Bewerk nogmaals, je ziet de vorige inhoud. Het veranderen en klikken Opslaan zal het opslaan en klikken Bewerk zal het opnieuw herinneren. Enzovoorts.
6. Door te klikken Uitgangzal de app eindigen.

De app verbeteren: selecteer uw opslagbestand

Nu hebben we een werkende versie van ons originele App Inventor-kladblok. Maar we hebben het geport naar Java om het te verbeteren. Laten we de mogelijkheid opnemen om uit meerdere bestanden in die standaarddirectory te kiezen. Zodra we dit hebben gedaan, maken we dit echt meer een kladblok dan alleen een kladblok, dus we maken een kopie van het huidige project met behulp van de instructies hier.

We gebruikten een Android-intentie om onze Editor-activiteit vanuit de hoofdtaak op te roepen, maar ze zijn ook een handige manier om andere applicaties te bellen. Door een paar regels code toe te voegen, stuurt onze Intent een verzoek om toepassingen voor bestandsbeheer De 7 beste gratis bestandsverkenners voor AndroidEr zijn een heleboel apps voor bestandsbeheer en bestandsverkenning voor Android, maar dit zijn de beste. Lees verder reageren. Dit betekent dat we een groot deel van de codecontrole kunnen verwijderen voor het maken van het bestand, omdat de Intent ons alleen toestaat om te bladeren / selecteren die er werkelijk is. Uiteindelijk blijft onze Editor-activiteit precies hetzelfde.

Onze intentie krijgen om ons een string (Java-tekstobject) terug te geven die we in onze intentie kunnen inpakken, was een uitdaging. Gelukkig is internet je vriend als het gaat om programmeervragen. EEN Snelzoeken geeft ons een aantal opties, waaronder code die we in onze app kunnen plakken.

En met deze kleine wijziging en een beetje geleende code, kunnen we een bestandsbrowser / manager-applicatie op het apparaat gebruiken om het bestand te selecteren voor het opslaan van onze inhoud. Nu we ons in de 'verbeteringsmodus' bevinden, is het gemakkelijk om nog een paar handige verbeteringen te bedenken:

• Wij kunnen Kiezen uit bestaande bestanden, maar voorlopig hebben we onze faciliteit verwijderd naar creëren hen. We hebben een functie nodig waarmee de gebruiker een bestandsnaam kan opgeven en vervolgens dat bestand kan maken en selecteren.
• Het kan handig zijn om onze app te laten reageren op verzoeken om te delen, zodat u een URL vanuit de browser kunt delen en deze aan een van uw notitiebestanden kunt toevoegen.
• We hebben hier te maken met platte tekst, maar rijkere inhoud met afbeeldingen en / of opmaak is vrij standaard in dit soort apps.

Met de mogelijkheid om Java aan te boren, zijn de mogelijkheden eindeloos!

Uw app distribueren

Nu je app compleet is, is de eerste vraag die je jezelf moet stellen of je deze überhaupt wilt verspreiden! Misschien heb je iets gemaakt dat zo persoonlijk en aangepast is dat het lijkt dat het voor niemand anders geschikt is. Maar ik zou je willen aansporen niet zo te denken. Het zal u waarschijnlijk verbazen hoe nuttig het voor anderen is; als het niets anders is, is het op zijn minst een leerervaring die laat zien wat een nieuwe programmeur kan doen.

Maar zelfs als u besluit uw nieuwe creatie voor uzelf te houden, heeft u toch enkele van de onderstaande stappen nodig om deze daadwerkelijk op uw apparaat te installeren. Laten we dus eens kijken hoe u uw app kunt verpakken om te delen in de vorm van een broncode en in een installeerbaar pakket.

Broncodeverdeling

Ongeacht welke methode je tot nu toe hebt gebruikt, je hebt onderweg soure-code aangepast.

Hoewel App Inventor de code achter de schermen goed verbergt, vertegenwoordigen de blokken en gebruikersinterface-widgets die je hebt verplaatst allemaal code. En broncode is een perfect geldige manier om software te distribueren, zoals de open source-gemeenschap kan beamen. Dit is ook een geweldige manier om anderen bij uw toepassing te betrekken, omdat zij kunnen nemen wat u heeft gedaan en erop kunnen voortbouwen.

We krijgen de broncode van beide omgevingen in een gestructureerde indeling. Dan kan iemand (wijzelf inbegrepen) het gemakkelijk terug importeren in hetzelfde programma en snel aan de slag gaan.

Bron exporteren vanuit App Inventor

Om vanuit App Inventor te exporteren, hoeft u alleen maar uw project te openen en vervolgens vanaf de Projecten menu, selecteer het Exporteer het geselecteerde project (.aia) naar mijn computer.

Hiermee wordt het bovengenoemde .AIA-bestand gedownload (vermoedelijk "App Inventor Archive"). Maar dit is in feite een ZIP-bestand; probeer het te openen in uw favoriete archiefbeheerder om de inhoud te inspecteren.

Merk op dat de inhoud van de appinventor / ai_ [uw gebruikers-ID] / [projectnaam] map zijn een SCM- en BKY-bestand. Dit is niet de JAVA-bron die we in Android Studio hebben gezien, dus je kunt deze in geen enkele oude ontwikkelomgeving openen en compileren. U (of iemand anders) kunt ze echter opnieuw importeren in App Inventor.

Bron archiveren vanuit Android Studio

Uw Android Studio-project in archiefformaat ophalen is net zo eenvoudig als het comprimeren van de projectmap. Verplaats het vervolgens naar een nieuwe locatie en open het op de gebruikelijke manier Bestand> Openen item in het hoofdmenu.

Android Studio leest de instellingen van uw project (workspace.xml) en alles moet zijn zoals het was.

Het is vermeldenswaard dat u die hele map archiveert zullen bevatten wat cruft, met name de bestanden van de laatste build van uw programma.

Deze worden tijdens de volgende build gewist en opnieuw gegenereerd, dus ze zijn niet nodig om de integriteit van uw project te behouden. Maar ze doen het ook geen pijn, en het is makkelijker (vooral voor beginnende ontwikkelaars) om niet te gaan mopperen met welke mappen er wel en niet mee moeten. Het is beter om het hele ding te nemen in plaats van iets te missen dat je later nodig hebt.

Distributie van Android-pakketten

Als je iemand een kopie van je app wilt geven om het uit te proberen, is een APK-bestand de beste keuze. Het standaard Android-pakketformaat moet bekend zijn bij degenen die buiten de Play Store zijn gegaan om software te krijgen.

Deze verkrijgen is net zo eenvoudig als het archiveren van de bron in beide programma's. Vervolgens kunt u het op een website plaatsen (zoals F-Droid) of het aan een paar vriendelijke mensen overhandigen om hun feedback te krijgen. Dit zorgt voor een geweldige bètatest voor apps die u later wilt verkopen.

Een APK bouwen in App Inventor

Ga naar de Bouwen menu en selecteer het App (sla .apk op mijn computer op) item. De app begint te bouwen (blijkt uit een voortgangsbalk) en zodra deze is voltooid, krijg je een dialoogvenster waarin het APK-bestand wordt opgeslagen. Nu kunt u het naar hartenlust kopiëren en verzenden.

Om de app te installeren, moeten gebruikers software-installaties van derden toestaan ​​in de instellingen van het apparaat zoals hier beschreven Is het veilig om Android-apps van onbekende bronnen te installeren?De Google Play Store is niet je enige bron van apps, maar is het veilig om ergens anders te zoeken? Lees verder .

Een APK bouwen in Android Studio

Een Android-pakket bouwen is net zo eenvoudig in Android Studio. Onder de Bouwen menu, selecteer Bouw APK. Zodra de build is voltooid, krijgt u een meldingsbericht met een link naar de map op uw computer met de app.

Google Play-distributie

Het opzetten van een Google-ontwikkelaar is een beetje een proces. Hoewel je het zeker moet overwegen als je wat ervaring hebt, is het niet iets dat je meteen moet aanpakken.

Ten eerste heeft het registratiekosten van $ 25. Het heeft ook een aantal technische details die op een later moment enigszins moeilijk te veranderen zijn. U moet bijvoorbeeld een cryptografische sleutel genereren om uw apps te ondertekenen en als u deze ooit kwijtraakt, kunt u de app niet updaten.

Maar op hoog niveau zijn er drie belangrijke processen die u moet uitvoeren om uw app in de Play Store te krijgen:

1. Registreer als ontwikkelaar: U kunt uw ontwikkelaarsprofiel (op basis van een Google-account) instellen op deze pagina. De wizard leidt u door een vrij eenvoudig registratieproces, inclusief de bovengenoemde vergoeding van $ 25.
2. Bereid de app voor op de winkel: De emulatorversies van de app die je hebt getest, zijn dat ook debuggen versies. Dit betekent dat ze veel extra code hebben met betrekking tot probleemoplossing en logboekregistratie die niet nodig is, en ze kunnen zelfs een privacyprobleem vormen. Voordat je naar de Store publiceert, moet je een uitgegeven versie door te volgen deze stappen. Dit omvat het ondertekenen van uw app met de crypto-sleutel die we eerder noemden.
3. Stel uw infrastructuur in: Je moet ook de winkelpagina voor je app instellen. Google biedt een lijst met adviezen voor het opzetten van een aanbieding waarmee u installaties (en verkopen!) Uw infrastructuur kan ook servers bevatten waarmee uw app wordt gesynchroniseerd.
4. Tenslotte als je betaald wilt worden, heb je een betalingsprofiel nodig. Dit is er zo een een keer gedaan details, dus zorg ervoor dat je weet hoe alles in elkaar past voordat je verder gaat.

Samenvatting en geleerde lessen

We zijn aan het einde van de gids gekomen. Hopelijk heeft dit je interesse in Android-ontwikkeling gewekt en je wat motivatie gegeven om je idee te nemen en het daadwerkelijk te ontwikkelen. Maar laten we, voordat je je hoofd neerzet en begint met bouwen, terugkijken op enkele van de belangrijkste lessen die we in de bovenstaande secties hebben geleerd.

• We keken naar twee paden om uw app te maken: point-and-click-builders en codering vanaf nul in Java. De eerste heeft een lagere leercurve en biedt een redelijk (maar toch beperkt) assortiment aan functionaliteit. Met de tweede kun je zo ongeveer alles bouwen wat je maar kunt bedenken en biedt het voordelen die verder gaan dan Android-ontwikkeling, maar het duurt langer om te leren.
• Hoewel ze elk hun voor- en nadelen hebben, je kunt beide paden gebruiken! De point-and-click-omgevingen bieden een snelle doorlooptijd om een ​​prototype van uw app te maken, terwijl u met de tweede de app opnieuw kunt bouwen voor verbetering op lange termijn.
• Hoewel het verleidelijk is om meteen aan de slag te gaan met de app zelf, zul je later heel blij zijn als je de tijd neemt om ontwerp uw app, inclusief schetsen van de interface en / of informele documentatie over de functies ervan. Dit kan u ook helpen bepalen of een of beide van de bovenstaande methoden goede opties zijn.
• Een gemakkelijke manier om te beginnen met ontwikkelen is door gebruikersinterface-elementen in te delen en ze vervolgens te 'bedraden' door hun functionaliteit te programmeren. Hoewel ervaren ontwikkelaars kunnen beginnen met het coderen van 'achtergrond'-componenten, helpt het voor nieuwkomers om alles te kunnen visualiseren.
• Wees niet bang om op internet naar antwoorden te zoeken wanneer u in code duikt. Als u een Google-zoekopdracht uitvoert met een paar zoekwoorden en 'codevoorbeeld' aan het einde, krijgt u goede resultaten.
• Test uw werk beetje bij beetje terwijl u aan het bouwen bent. Anders is het erg moeilijk om te bepalen welke van de acties van de afgelopen twee uur uw app hebben gebroken.

Met deze in gedachten, ga daarheen en begin met het waarmaken van uw app-ontwikkelingsdromen. En als je besluit om je handen vuil te maken, laat ons dan weten hoe het gaat in de reacties (we houden trouwens van links naar screenshots). Gelukkig bouwen!