iOS Zelfstudie
Aan de slag met iOS

Opmerkingen

versies

Een standaard Single View-toepassing maken

Om een applicatie voor iOS te ontwikkelen, moet je beginnen met een applicatie genaamd Xcode. Er zijn andere alternatieve tools die u kunt gebruiken, maar Xcode is de officiële tool van Apple. Merk echter op dat het alleen op macOS draait. De nieuwste officiële versie is Xcode 8.3.3 met Xcode 9 (momenteel in bèta) die later dit jaar wordt uitgebracht.

1. Start uw Mac op en installeer Xcode vanuit de App Store als deze nog niet is geïnstalleerd.

   (Als u de App Store liever niet gebruikt of problemen ondervindt, kunt u Xcode ook downloaden van de Apple Developer-website , maar zorg ervoor dat u de nieuwste releaseversie selecteert en geen bètaversie.)

   

2. Open Xcode. Het volgende venster wordt geopend:

   

   In het venster worden de volgende opties weergegeven:

   • Aan de slag met een speeltuin: dit werd geïntroduceerd met de Swift-taal en Xcode 6. Het is een interactief gebied dat kan worden gebruikt om kleine stukjes code te schrijven om runtime-wijzigingen te controleren. Het is een geweldige manier voor Swift-studenten om kennis te maken met nieuwe Swift-functies.
   • Maak een nieuw Xcode-project: kies deze optie , waarmee een nieuw project met standaardconfiguratie wordt gemaakt.
   • Bekijk een bestaand project: dit wordt gebruikt om een project uit te checken vanaf een repositorylocatie, bijvoorbeeld om een project bij SVN uit te checken.

3. Selecteer de tweede optie Maak een nieuw Xcode-project en Xcode zal u vragen om een aantal initiële projectinstellingen te doen:

   

   Deze wizard wordt gebruikt om uw projectsjabloon te selecteren. Er zijn 5 opties:

   • iOS: wordt gebruikt om iOS-apps, bibliotheken en frameworks te maken
   • watchOS: wordt gebruikt om watchOS-apps, bibliotheken en frameworks te maken
   • tvOS: wordt gebruikt om tvOS-apps, bibliotheken en frameworks te maken
   • macOS: gebruikt om macOS-apps, bibliotheken, frameworks, pakketten, AppleScripts, etc. te maken
   • Cross-platform: gebruikt om cross-platform apps, sjablonen en in-app aankoopinhoud te maken

   U kunt zien dat er veel verschillende sjablonen voor uw toepassing zijn. Deze sjablonen zijn nuttig om uw ontwikkeling te stimuleren; ze zijn vooraf gebouwd met enkele basisprojectinstellingen zoals UI-interfaces en klassebestanden.

   Hier zullen we de eerste optie gebruiken, iOS .

   1. Master-detailapplicatie:

      Deze sjabloon bevat een gecombineerde master- en detailinterface: de master bevat objecten die gerelateerd zijn aan de detailinterface. Als u objecten in de master selecteert, wordt de detailinterface gewijzigd. U kunt dit soort gebruikersinterface zien in de Instellingen, Notities en Contacten-applicaties op de iPad.

   2. Pagina-gebaseerde applicatie:

      Deze sjabloon wordt gebruikt om de op pagina's gebaseerde applicatie te maken. Pagina's zijn verschillende weergaven van één container.

   3. Single View-toepassing:

      Dit is een normaal sjabloon voor applicatieontwikkeling. Dit is goed voor beginners om de applicatiestroom te leren.

   4. Toepassing met tabbladen:

      Deze sjabloon maakt tabbladen onder aan een toepassing. Elk tabblad heeft een andere gebruikersinterface en een andere navigatiestroom. U kunt deze sjabloon zien die wordt gebruikt in apps zoals Clock, iTunes Store, iBooks en App Store.

   5. Spel:

      Dit is een startpunt voor game-ontwikkeling. Je kunt verder gaan met gametechnologieën zoals SceneKit, SpriteKit, OpenGL ES en Metal.

4. In dit voorbeeld zullen we beginnen met de Single View-toepassing

   

   De wizard helpt u bij het definiëren van projecteigenschappen:

   • Productnaam: de naam van het project / de toepassing
   • Naam organisatie: de naam van de organisatie waarbij u betrokken bent
   • Organisatie-ID: de unieke organisatie-ID die wordt gebruikt in de bundel-ID. Het wordt aanbevolen om de notatie van de omgekeerde domeinnaamservice te volgen.
   • Bundel-ID: dit veld is erg belangrijk. Het is gebaseerd op uw projectnaam en organisatie-ID, kies verstandig. De bundel-ID zal in de toekomst worden gebruikt om de applicatie op een apparaat te installeren en de app te uploaden naar iTunes Connect (de plaats waar we apps uploaden om te publiceren in de App Store). Het is een unieke sleutel om uw toepassing te identificeren.
   • Taal: de programmeertaal die u wilt gebruiken. Hier kunt u Objective-C wijzigen in Swift als deze niet is geselecteerd.
   • Apparaten: ondersteunde apparaten voor uw toepassing die later kunnen worden gewijzigd. Het toont iPhone, iPad en Universal. Universele applicaties ondersteunen iPhone- en iPad-apparaten en het wordt aanbevolen om deze optie te selecteren wanneer het niet nodig is om de app op slechts één soort apparaat uit te voeren.
   • Gebruik kerngegevens: als u het .xcdatamodel in uw project wilt gebruiken, markeer dit dan als geselecteerd en er wordt een bestand gemaakt voor het .xcdatamodel . U kunt dit bestand ook later toevoegen als u dit niet van tevoren weet.
   • Neem eenheidstests op: hiermee configureert u het doel van de eenheidstest en maakt u klassen voor eenheidstests
   • Inclusief UI-test: dit configureert het UI-testdoel en maakt klassen voor UI-testen

   Klik op Volgende en u wordt gevraagd om een locatie waar u een projectmap wilt maken.
   Klik op Maken en u ziet de Xcode UI met een reeds gedefinieerde projectinstelling. U kunt enkele klassen en Storyboard-bestanden zien.

   Dit is een basissjabloon voor een Single View-toepassing.

   Controleer linksboven in het venster of een simulator is geselecteerd (bijv. "IPhone 6" zoals hier getoond) en druk vervolgens op de driehoekige RUN-knop.

   

5. Er wordt een nieuwe toepassing geopend - Simulator (dit kan enige tijd duren voordat u het voor de eerste keer uitvoert en u moet het misschien twee keer proberen als u de eerste keer een fout ziet). Deze applicatie biedt ons apparaatsimulatie voor gemaakte applicaties. Het lijkt bijna een echt apparaat! Het bevat enkele applicaties zoals een echt apparaat. U kunt oriëntaties, locatie, schudgebaar, geheugenwaarschuwingen, In-Call statusbalk, vingeraanraking, vergrendelen, opnieuw opstarten, thuis etc. simuleren.

   U ziet een gewone witte applicatie omdat we de sjabloon nog niet hebben gewijzigd.

Dus begin je eigen. het is een lange termijn en er liggen veel nieuwe kansen voor je klaar!

Als je niet zeker weet waar je heen moet, probeer dan Apple's ' Jump Right In ' tutorial. U hebt de eerste paar stappen al uitgevoerd, dus u bent op voorsprong.

Hallo Wereld

Na het instellen van Xcode is het niet moeilijk om je eerste iOS aan de slag te krijgen.
In het volgende voorbeeld zullen we:

• Start een nieuw project
• Voeg een label toe
• Bericht afdrukken naar console.
• Ren in de simulator

Een nieuw project starten

Wanneer het welkomstscherm van Xcode verschijnt, kiest u Een nieuw Xcode-project maken . U kunt ook Bestand> Nieuw> Project ... doen vanuit het Xcode-menu als u dit al hebt geopend.

Kies een Single View-toepassing en klik op Volgende .

Schrijf "HelloWorld" voor de productnaam (of wat u maar wilt) en zorg ervoor dat onder Taal Swift is geselecteerd.

• Universeel betekent dat uw app op zowel de iPhone als iPad kan worden uitgevoerd.
• Kerngegevens gebruiken verwijst naar permanente gegevensopslag, die niet nodig is in onze Hello World-app.
• We zullen in dit voorbeeld geen unit-tests of UI-tests doen , maar het doet geen pijn om er een gewoonte van te maken om ze toe te voegen.

Kies een bestaande map of maak een nieuwe waarin u uw Xcode-projecten opslaat. Dit wordt in de toekomst de standaardinstelling. We hebben er hier een gemaakt genaamd "Xcode Projects". Klik vervolgens op Maken . U kunt Bronbeheer desgewenst selecteren (gebruikt bij het synchroniseren met sites zoals GitHub ), maar we hebben dit in dit voorbeeld niet nodig.

Een label toevoegen

Dit is de bestandsstructuur van een Xcode-project.

Selecteer Main.storyboard in de Project Navigator.

Typ "label" in het zoekveld van de objectbibliotheek rechtsonder in Xcode. Sleep vervolgens het UILabel naar de storyboard View Controller. Plaats deze in het algemeen in het gebied in de linkerbovenhoek.

Zorg ervoor dat het label is geselecteerd op het storyboard en wijzig vervolgens in de Attributes Inspector de tekst in "Hallo wereld!" U moet dan het formaat van het label wijzigen en het label op het storyboard verplaatsen, omdat de tekst langer is.

U kunt ook dubbelklikken op het label op het storyboard om het te bewerken als "Hallo wereld!". In elk geval zou het storyboard er ongeveer zo uit moeten zien:

Code toevoegen

Selecteer ViewController.swift in de Project Navigator.

Voeg print("Successfully created my first iOS application.") Toe aan de viewDidLoad() -methode. Het zou er ongeveer zo uit moeten zien.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // print to the console when app is run
        print("Successfully created my first iOS application.")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

De app uitvoeren in de simulator

Druk op de knop Uitvoeren om de app te bouwen en uit te voeren. In dit voorbeeld is het huidige simulatorapparaat (een "schema" genoemd) standaard ingesteld op de iPhone 6s Plus. Nieuwere versies van Xcode worden standaard ingesteld op nieuwere schema's. U kunt ook andere schema's kiezen door op de naam te klikken. We zullen ons gewoon aan de standaard houden.

Het duurt even voordat de simulator bij de eerste run begint. Eenmaal uitgevoerd, zou het er zo uit moeten zien:

In het simulatiemenu kunt u Venster> Schaal kiezen om het kleiner te maken of op ⌘cmd + 1/2/3/4/5 drukken voor respectievelijk 100% / 75% / 50% / 33% / 25% ..

Het Xcode-foutopsporingsgebied (onderaan) had ook moeten worden afgedrukt: "Mijn eerste iOS-applicatie is gemaakt." naar de console. "Mijn eerste iOS-applicatie met succes gemaakt." bericht is de tekenreeks die u programmatisch hebt afgedrukt in het gedeelte Code toevoegen .

Aan de hand

U zou hierna meer moeten leren over de beperkingen van de Auto Layout. Hiermee kunt u uw bedieningselementen op het storyboard plaatsen, zodat ze er goed uitzien op elke apparaatgrootte en -richting.

Xcode-interface

In de Xcode hebt u drie afzonderlijke werkgebieden - Navigators (in rood), foutopsporingsgebied (in groen) en hulpprogramma's (in blauw).

Het werkruimtevenster bevat altijd het bewerkingsgebied. Wanneer u een bestand in uw project selecteert, verschijnt de inhoud ervan in het bewerkingsgebied, waar Xcode het bestand opent in een geschikte editor. In de bovenstaande afbeelding bijvoorbeeld, het bewerkingsgebied MainViewController.swift, een snel codebestand dat is geselecteerd in het Navigator-gebied links van het werkruimtevenster.

Navigator gebied

Het navigatievenster bevat de volgende acht opties:

• Project navigator. Bestanden in uw project toevoegen, verwijderen, groeperen en anderszins beheren, of kies een bestand om de inhoud ervan in het bewerkingsgebied te bekijken of te bewerken.
• Symbool navigator. Blader door de symbolen in uw project als een lijst of hiërarchie. Met de knoppen aan de linkerkant van de filterbalk kunt u de weergegeven symbolen beperken tot een combinatie van alleen klassen en protocollen, alleen symbolen in uw project of alleen containers.
• Zoek navigator Gebruik zoekopties en filters om snel een string in uw project te vinden.
• Probleem navigator. Bekijk problemen zoals diagnostiek, waarschuwingen en gevonden fouten bij het openen, analyseren en bouwen van uw project.
• Test navigator. Eenheidstests maken, beheren, uitvoeren en beoordelen.
• Foutopsporingsnavigator. Onderzoek de lopende threads en bijbehorende stapelinformatie op een bepaald punt of tijdstip tijdens de uitvoering van het programma.
• Breekpunt navigator. Verfijn breekpunten door kenmerken op te geven, zoals triggervoorwaarden.
• Rapportnavigator. Bekijk de geschiedenis van uw taken voor bouwen, uitvoeren, foutopsporing, continue integratie en bronbeheer.

De redactie

Het meeste ontwikkelingswerk in Xcode vindt plaats in het editorgebied, het hoofdgebied dat altijd zichtbaar is in het werkruimtevenster. De editors die u het meest gebruikt, zijn:

• Broneditor. Schrijf en bewerk de broncode.
• Interface Builder. Maak en bewerk gebruikersinterfacebestanden grafisch.
• Project editor. Bekijk en bewerk hoe uw apps moeten worden gebouwd, bijvoorbeeld door build-opties, doelarchitecturen en app-rechten op te geven.

Configureer het editorgebied voor een bepaalde taak met de editorconfiguratieknoppen aan de rechterkant van de werkbalk:

• Standaard editor. Vult het editorgebied met de inhoud van het geselecteerde bestand.
• Assistent redacteur. Presenteert een afzonderlijk editorvenster met inhoud die logisch gerelateerd is aan content in het standaardeditorvenster. U kunt ook de inhoud wijzigen.
• Versie-editor. Toont de verschillen tussen het geselecteerde bestand in het ene paneel en een andere versie van datzelfde bestand in een tweede paneel. Deze editor werkt alleen wanneer uw project onder bronbeheer staat.

Bronnen en elementen in hulpprogramma's

Het gebied met hulpprogramma's uiterst rechts van het werkruimtevenster geeft u snel toegang tot deze bronnen: Inspecteurs, voor het bekijken en wijzigen van kenmerken van het bestand dat in een editor is geopend Bibliotheken van kant-en-klare bronnen voor gebruik in uw project

Het bovenste paneel van het hulpprogramma toont inspecteurs. Het onderste paneel geeft u toegang tot bibliotheken.

Het eerste paneel (rood gemarkeerd) is de Inspector-balk , gebruik deze om de inspector te kiezen die het meest geschikt is voor uw huidige taak. Twee inspecteurs zijn altijd zichtbaar in de inspectorbalk (extra inspecteurs zijn beschikbaar in sommige editors):

• Bestandsinspecteur. Bekijk en beheer metadata voor het geselecteerde bestand. Doorgaans lokaliseert u storyboards en andere mediabestanden en wijzigt u de instellingen voor gebruikersinterfacebestanden.
• Snelle hulp. Bekijk details over een symbool, een interface-element of een build-instelling in het bestand. Quick Help geeft bijvoorbeeld een beknopte beschrijving van een methode, waar en hoe de methode wordt gedeclareerd, het bereik, de parameters en de beschikbaarheid van platform en architectuur.

Gebruik de bibliotheekbalk (de tweede rood gemarkeerd) om toegang te krijgen tot gebruiksklare bibliotheken van bronnen voor uw project:

• Bestandssjablonen. Sjablonen voor veelvoorkomende soorten bestanden en codeconstructies.
• Codefragmenten. Korte stukjes broncode voor gebruik in uw software, zoals klasseverklaringen, controlestromen, blokdeclaraties en sjablonen voor veelgebruikte Apple-technologieën.
• Voorwerpen. Items voor de gebruikersinterface van uw app.
• Media. Bestanden met afbeeldingen, pictogrammen, geluidsbestanden en dergelijke.

Als u een bibliotheek wilt gebruiken, sleept u deze rechtstreeks naar het juiste gebied. Als u bijvoorbeeld een codefragment wilt gebruiken, sleept u dit van de bibliotheek naar de broneditor; om een bronbestand van een bestandssjabloon te maken, sleept u het naar de projectnavigator.

Als u de items wilt beperken die in een geselecteerde bibliotheek worden weergegeven, typt u relevante tekst in het tekstveld in de filterbalk (het onderste paneel). Typ bijvoorbeeld "knop" in het tekstveld om alle knoppen in de objectenbibliotheek weer te geven.

Beheer taken met de werkruimtewerkbalk

De werkbalk boven aan het werkruimtevenster biedt snelle toegang tot veelgebruikte opdrachten. De knop Uitvoeren bouwt en voert uw producten uit. De stopknop beëindigt uw lopende code. Met het Schema-menu kunt u de producten configureren die u wilt bouwen en uitvoeren. De activiteitenviewer toont de voortgang van taken die momenteel worden uitgevoerd door statusberichten, voortgang van de bouw en andere informatie over uw project weer te geven.

Met de configuratieknoppen van de editor (de eerste groep van drie knoppen) kunt u het bewerkingsgebied configureren, en de configuratieknoppen van de werkruimte (de tweede groep van drie knoppen) verbergen of tonen de optionele gebieden voor navigator, foutopsporing en hulpprogramma's.

Het menu Beeld bevat opdrachten om de werkbalk te verbergen of weer te geven.

Maak je eerste programma in Swift 3

Hier presenteer ik hoe u het eerste basisprogramma in de Swift 3-taal kunt maken. Eerst moet je enige basiskennis van programmeertaal hebben of niet klaar zijn om het vanaf het begin te leren.

Vereisten voor ontwikkelingen:

1. MAC OS - Versie 10.11.6 of hoger voor nieuwe Xcode 8.2
2. Xcode - Versie 8.2 Apple Document voor Xcode introductie.

Xcode 8.2 heeft nieuwe Swift 3-taalfuncties met nieuwe iOS 10-compatibele APi's.

Maak je eerste programma

Ga eerst naar Toepassing en open uw Xcode 8.2.

Daarna ziet u het scherm

Kies vervolgens Create new Project en daarna zie je het volgende scherm

Dit is ook een zeer belangrijk onderdeel in Xcode voor het selecteren van ons projecttype. We moeten ons project kiezen op basis van het type besturingssysteem. Er zijn vijf soorten opties beschikbaar aan de bovenkant:

1. iOS

2. watchos

3. MacOS

4. Cross-platform

Nu kiezen we voor iOS-platform voor ontwikkeling en maken we een zeer eenvoudig project met de optie voor een enkele view-applicatie:

Dan moeten we Productnaam opgeven, dit zal uw bundelnaam en applicatienaam vertegenwoordigen.

Applicatienaam kunt u later wijzigen volgens uw vereisten. Dan moeten we op "Maken" klikken en daarna ziet uw scherm er hieronder als volgt uit:

Binnen deze klasse kun je zien dat de bestandsnaam ViewController.swift is en binnen de klasse is ook de naam ViewController, die overerving is door de UIViewController-superklasse en tot slot maken we onze eerste variabele waarvan de naam myString is van het type 'String'. Voeg het volgende toe onder 'super.viewDidLoad ()'

let myString = "Hello, World!"

We gaan de inhoud van deze variabele afdrukken. Selecteer eerst uw simulatortype linksboven in het scherm en klik vervolgens op de knop "Uitvoeren".

Daarna wordt uw output getoond op de terminal rechts onderaan. Gefeliciteerd, dit is je eerste Hello World-programma binnen Xcode.