Hoe Codea u uw eigen iPad-apps laat maken

Klaar om coderen een kans te geven? Codea kan helpen.

Het maken van een iPad-app is niet eenvoudig, maar het is zeker niet onmogelijk. Iedereen moet ergens beginnen en er zijn verschillende apps en services die proberen je eerste stappen zo aangenaam mogelijk te maken.

Codea is zo'n optie. Het is een aankoop van $ 15 uit de App Store, maar het verandert je iPad in een redelijk capabele app-creatiesuite. Als je het idee van ontmoedigend coderen tegenkomt, maar je bent erop gebrand om het eens te proberen Coding Boot Camp for Beginners: Should You Take One? Coding Boot Camp voor beginners: moet je er een nemen? Uitgebreide bootcamps voor codering bieden toegang tot de codeerruimte. Ontdek wat ze zijn, wat u zult leren en of het de juiste oplossing is voor uw programmeerreis! Lees meer, dit is misschien wel het antwoord.

Eerste stappen

Wanneer u een nieuw project in Codea start, ziet u een standaard Hello World-script. Of je nieuw bent bij het coderen of gewoon nieuw in het programma, het is de moeite waard om er een tijdje aan te sleutelen.

Dit zijn allemaal vrij basale dingen. De opstelling functie wordt eenmaal aangeroepen, terwijl de trek functie wordt continu genoemd. Dit is een belangrijke overweging wanneer u besluit waar u uw eigen code in het script plaatst.

Regel 5 toont gewoon Hello World! als tekst in de console. Ondertussen stelt regel 11 de achtergrondkleur in en lijn 13 bepaalt de breedte van de lijn waarmee we in een ogenblik tekenen, zoals beschreven in de notities van de auteur.

Tik op de cijfers die de achtergrondkleur dicteren en je ziet een van de manieren waarop Codea verschilt van een standaard codebewerker Visual Studio Code is de perfecte tekst- en scripteditor voor Mac Visual Studio-code is de perfecte tekst- en scriptingeditor voor Mac Microsoft's teksteditor ondersteunt talloze talen en u hoeft het niet eens te vergelijken met Xcode, omdat ze verschillende behoeften hebben. Lees verder . Deze kleurkiezer is een eenvoudige manier om de exacte tint te selecteren die u wilt met een aanraakinterface.

Klik op de afspeelknop in de rechterbenedenhoek van de interface om de code uit te voeren.

Zoals je kunt zien, gebeurt er op dit moment niet veel. Maar Hello World! wordt weergegeven in de console en de achtergrond is gewijzigd in onze gekozen rode tint. Nu we wat meer vertrouwd zijn met de interface, kunnen we wat grotere veranderingen gaan aanbrengen.

Een vorm tekenen

Vervolgens gaan we een cirkel tekenen met behulp van code. Gebruik de pijl naar links in de linkerbenedenhoek van het scherm om terug te gaan naar de scripteditor. Voeg vervolgens de volgende code toe aan de trek functie:

ellips (WIDTH / 2, HEIGHT / 2, 200)

Laten we dat even uitpakken. Het ellipscommando geeft aan dat we een cirkel willen tekenen. WIDTH / 2 en HEIGHT / 2 verwerken de positie op het scherm - we gebruiken een snelkoppeling om het in het dode punt te plaatsen door de totale breedte en hoogte van het scherm te delen door twee. U kunt ook een numerieke verwijzing opgeven. Ten slotte bepaalt nummer 200 de gewenste afmeting. De streekbreedte is al eerder in het script ingesteld.

Hierboven kunt u zien hoe uw script eruit zou moeten zien. Druk op de afspeelknop op het virtuele toetsenbord om de code uit te voeren.

Onze cirkel lijkt precies hoe het zou moeten. Voel je vrij om een ​​beetje tijd te besteden aan het aanpassen van onze code om te zien hoe deze de uitkomst verandert. Vervolgens gaan we de dingen een beetje meer interactief maken.

Een beetje interactie toevoegen

Nu we een vorm hebben getekend, laten we onze code bewerken zodat de gebruiker er echt iets mee kan doen. Alleen door een regel code te wijzigen, kunnen we ze via het aanraakscherm interactie bieden met de vorm.

We hoeven alleen lijn 18 te wijzigen in het volgende:

ellips (CurrentTouch.x, CurrentTouch.y, 200)

Die eruit zou moeten zien als de afbeelding hieronder in de scripteditor.

We zeggen gewoon dat de X- en Y-coördinaten van de cirkel moeten overeenkomen met waar de vinger van de gebruiker zich op het touchscreen bevindt. 10 Projecten om uw Raspberry Pi touchscreen-beeldscherm te gebruiken 10 Projecten om uw Raspberry Pi touchscreen-beeldscherm te gebruiken Als u uw framboos hebt verlaten Pi-aanraakscherm verzamelt stof in een la, een van deze ideeën zou je interesse genoeg moeten wekken om het weer tevoorschijn te halen! Lees verder . We plaatsen dit in de trek functie, zodat deze constant wordt bijgewerkt, zodat de gebruiker de vorm kan slepen.

Druk op de knop Afspelen en kijk of u de cirkel met succes kunt verplaatsen.

We zijn operationeel. We hebben een heel eenvoudige app en we kunnen er echt iets mee doen. Het enige probleem is dat het eigenlijk helemaal niet zo handig is. Vervolgens gaan we een app maken die eigenlijk een doel dient.

Volgende stappen

Het meest krachtige aan Codea is dat het je toegang geeft tot enkele van de handigste functies van de iPad en het gemakkelijk maakt om ze in je project te implementeren. We gaan werken met zijn locatieservices.

Voor mijn geld wordt de beste curry die je overal kunt krijgen geserveerd in de Mosque Kitchen in Edinburgh, Schotland. Als zodanig wens ik vaak dat ik precies wist hoe ver ik zou moeten reizen om daar te eten. We gaan een eenvoudige app coderen Leer coderen door bestaande apps gratis te remixen Leren coderen door bestaande apps gratis te remixen Met deze site kun je apps maken of remixen, zodat je creatief kunt zijn zonder bang te zijn iets te breken. Lees meer dat ons die informatie geeft.

Het eerste wat we moeten doen is onze app toegang geven tot locatieservices. Hiertoe start u een nieuw project en voegt u deze code in de opstelling functie.

location.enable ()

Merk op dat we dit invoeren opstelling liever dan trek, omdat we het maar één keer nodig hebben. We kunnen testen of dit werkt door onze app te gebruiken en zien of we wel of niet worden gevraagd om toegang te verlenen tot onze locatie.

Vervolgens gaan we een code toevoegen die de afstand tussen de gekozen locatie en het apparaat pakt en die als tekst presenteert. Als u een app wilt instellen die een andere locatie gebruikt, moet u nu de breedtegraad en lengtegraad voor die plaats bepalen.

Voeg vervolgens de volgende code toe aan de tekenfunctie:

tekst ("U bent ...", WIDTH / 2, 250) tekst ((location.distanceTo (55.945, -3.185)), WIDTH / 2, 200) tekst ("... meter van de beste curry er omheen.", WIDTH / 2, 150)

De eerste en derde regel van deze code zijn slechts tekst, opnieuw met behulp van de maximale breedte van het scherm gedeeld door twee om ervoor te zorgen dat ze gecentreerd zijn, maar met een specifieke numerieke referentie zodat alle drie de tekstregels mooi kunnen worden gerangschikt.

De location.distanceTo opdracht heeft alleen de breedtegraad en lengtegraad nodig. Hoe werkt GPS-tracking en wat kunt u ermee doen? Hoe werkt GPS-tracking en wat kunt u ermee volgen? GPS. We kennen het als de technologie die ons van A naar B leidt. Maar GPS is meer dan dat. Er is een wereld van mogelijkheden en we willen niet dat je het mist. Lees meer over de gewenste locatie. Het zal berekenen hoe ver de iPad zich bevindt, en aangezien we het plaatsen waar de tekst normaal gesproken zou gaan, zal het dat nummer op het scherm weergeven.

Laten we op de knop Afspelen drukken en onze app testen.

Daar gaan we. Het is eenvoudig, maar het werkt. Codea maakt echt coderen voor iOS De snelste manier om te leren Snel programmeren onderweg De snelste manier om te leren Snel programmeren onderweg Er zijn veel manieren om de nieuwe Swift-programmeertaal te leren, maar heb je erover nagedacht om het op je mobiele apparaat te leren? ? Deze app maakt het echt gemakkelijk en effectief. Lees meer toegankelijk: we zijn net begonnen en we zijn er al in geslaagd om touchscreen-bedieningselementen te implementeren en locatiediensten te gebruiken. De lucht is de limiet voor hier buiten.

Heb je tips om het meeste uit Codea te halen? Of zoek je hulp bij een bepaald project? Hoe dan ook, waarom niet meedoen aan het gesprek in de opmerkingen hieronder?

Ontdek meer over: App-ontwikkeling.