Egal, ob Du schon mit der Softwareentwicklung vertraut bist oder nicht, wenn Du mit der App-Entwicklung beginnen möchtest, ist es sehr wichtig zu wissen, wo Du starten sollst und welche Tools Du dafür benötigst.
In diesem Tutorial werden wir gemeinsam durch das Equipment und die Tools gehen, die Du benötigst, um deine erste App zu entwickeln. Außerdem werden wir Dir auch zeigen, wie Du die bekannte „Hello World“ App baust
Benötigtes Equipments
Grundsätzlich benötigst Du als erstes einen Mac OS Rechner, um mit der iOS Entwicklung (oder einer anderen Apple-Plattform) beginnen zu können. Dabei kannst Du alle Geräte wie MacBook, Mac, Mac mini usw. verwenden. Diese sind im Vergleich zu meisten anderen Windows Geräten etwas teurer, es gibt jedoch keine vernünftige Alternative zu einem Mac. Und wenn Du am Anfang Deine Investition kleiner halten möchtest, besteht auch die Möglichkeit, dass Du Dir für ca. 1.000 € einen guten gebrauchte Mac zulegst.
Tools
Sobald Du den Mac hast, benötigst Du das Programm Xcode, welches Du Dir kostenlos aus dem App-Store herunterladen kannst. Xcode ist eine integrierte Entwicklungsumgebung (IDE), in der Du deine App-Oberfläche entwerfen und deinen Code schreiben kannst. Xcode enthält alle notwendigen Informationen, die Du für die Arbeit an Deiner App benötigst. Es ist auch möglich, entwickelte Apps in einem integrierten Simulator auszuführen und zu testen. Dabei handelt es sich praktisch um eine virtuelles iPhone, dass auf dem Mac ausgeführt wird. Es ist aber natürlich auch möglich, Deine App auch auf einem echten iPhone oder iPad zu testen. Dafür muss jedoch eine kostenpflichtige Registrierung bei dem Apple-Entwicklerprogramm vorgenommen (ca. 99€ im Jahr) werden und es müssen einige Zertifikate generiert werden, die am Anfang recht komplex wirken. In einem späteren Tutorial werden wir detailliert auf das Thema Testen von Apps auf Physischen Geräten, Verwendung von Zertifikaten und Verwaltung von Provisioning Profiles eingehen.
Ein neues Projekt anlegen
Lass uns direkt mit Deiner neuen App starten. Führe dafür einfach die nachfolgenden Schritte aus, um Dein Projekt zu erstellen und einzurichten:
Xcode herunterladen und installieren
Xcode öffnen
Wähle “Create a new Xcode Project”
Als Produkt Name kannst Du z. B. “HelloWorld” schreiben und als "Organization Identifier" kannst Du erst einmal einen beliebigen Namen verwenden. Wählen “Storyboard” als "User Interface" im Dropdown-Menü. Klicke dann auf “Next” und wähle aus, wo auf dem Rechner Du das Projekt speichern möchten und tippe abschließend auf “Create”.
Bearbeiten und Ausführen der App
Das Projekt ist jetzt angelegt und Du kannst mit dem Erstellen der Benutzeroberfläche (UI) und dem Programmieren starten. Auf der linken Seite des Editors findest Du den "Project Files Explorer." Dabei handelt es sich um die Dateien, die wir bearbeiten, um Änderungen an der App vorzunehmen. In der Toolbar (obere Leiste mit Buttons in Xcode) befindet sich ein "Play Button". Klicke darauf, um die App auszuführen. Dadurch wird der Simulator gestartet und Deine App ausgeführt. Im Moment sollte der Simulator jedoch nur einen weißen leeren Bildschirm zeigen, da Du bis jetzt noch nichts entwickelt hast.
Nun erst mal zurück zu Xcode, im "Project Files Explorer" des Projekts, siehst Du eine Datei mit dem Namen „Main.storyboard“.
Klicke darauf, um den Inhalt anzuzeigen. Das ist die Datei, die die verschiedenen Bildschirme deiner App enthält.
Im Moment solltest Du auch hier nur einen leeren Bildschirm sehen. Das ist übrigens auch der Bildschirm, den Du soeben auf dem Simulator gesehen hast.
Führe nun folgenden Schritte aus, um diesen Bereich zu bearbeiten und Inhalte einzufügen:
Eine Liste mit verfügbaren Komponenten öffnet sich. Ziehen die Komponente "Label" in die Mitte des leeren Bildschirms und lege es dort ab.
Führe die App über den "Play button" auf der linken Seite aus. Auf dem Bildschirm wird nun der gerade hinzugefügte Text „Hello World“ angezeigt.
Super, Du hast Deine erste eigene iOS App entwickelt. In den folgenden Tutorials zeigen wir dir, wie Du deine Screens mit Codedatei verbinden kannst und wie Du die Elemente programmatisch bearbeiten kannst. Hier kannst Du Dir die Datei herunterladen.
Verpasse kein Tutorial mehr! Like dafür einfach unsere Facebook Seite ✅
Also: Bleib dran!
Viel Spaß beim Coden.
Euer Code Pirate Team
Du liest: iOS Programmierung Tutorial 1 - "Tools" und "Hello World" App