iPhone-App mit Swift erstellen

Aug 12, 2024

Tutorial zur Erstellung einer iPhone-App mit Swift

Einführung

  • Ziel: Erstellen einer Lern-App mit Swift
  • Unterstützung durch iOS-Experten Kevin Kromig
  • Wichtigste Punkte: Grundlagen zum Erstellen von iPhone-Apps, Installation von Xcode, Entwicklung der App auf dem eigenen iPhone

Voraussetzungen

  • Xcode installieren
    • Entwicklungsumgebung für iOS, iPad, Apple TV, macOS
    • Nur für macOS verfügbar
    • Herunterladen im App Store
    • Anmeldung mit iCloud-Account erforderlich

Projektstart in Xcode

  1. Neues Projekt erstellen

    • Auswahlmöglichkeiten: Create New Project, Clone Git Repository, Open Existing Project
    • Wähle "Create New Project"
    • Wähle „App“ als Projekttyp
  2. App-Einstellungen festlegen

    • Name der App: z.B. "Swift Lern-App"
    • Organisation Identifier: eindeutiger Identifikator für die App
    • Team und Identifier: Auswahl des Entwickler-Accounts
    • Storyboard/UI-Optionen: Wähle zwischen UIKit und SwiftUI (Swift wird empfohlen)

Benutzeroberfläche

  • UI Komponenten

    • Erstellen einer Content View mit Swift
    • Verwendung von V-Stack für vertikale Anordnung
    • Erstellen einer Liste mit Themen
  • Datenmodell erstellen

    • JSON-Datei für Lerninhalte vorbereiten
    • Erstellen einer neuen Swift-Datei für das Datenmodell ("Topic")
    • Attribute: Title, Explanation, Code Snippet
    • Verwendung von Decodable zum Dekodieren der Daten

ViewModel und Datenintegration

  • ViewModel erstellen
    • Klasse, die ObservableObject implementiert
    • Initialisierung der Daten und Dekodierung der JSON-Datei
    • Fehlerbehandlung mit Do-Catch

Benutzeroberfläche erweitern

  • Detailansicht erstellen
    • Neue Swift View für die Detailansicht ("Detail View")
    • Verwendung eines V-Stacks zum Anordnen von Texten (Erklärung, Code Snippet)
    • Hinzufügen von Styling-Optionen (z.B. Schriftarten, Farben, Padding)

Navigation hinzufügen

  • Navigation Stack verwenden
    • Navigation Link zur Verbindung von Liste und Detailansicht
    • Übergabe der Daten von der Liste zur Detailansicht

App auf das iPhone übertragen

  • Entwicklermodus aktivieren
    • iPhone anschließen und in den Entwicklermodus versetzen
    • Xcode zur Installation der App auf dem iPhone verwenden

Abschluss

  • App erfolgreich erstellt und auf dem iPhone installiert
  • Möglichkeiten zur Erweiterung der App: weitere Vokabeln, Notizen, etc.
  • Danksagung an Kevin Kromig für die Unterstützung