PricingLoginStart free
Swift Academy · Lektion

Previews und der Preview Provider

Verwenden Sie #Preview und PreviewProvider, um Änderungen in Xcode sofort zu sehen.

Lektion 4 von 412 Schritte

Previews und der Preview Provider ist eine kostenlose Swift Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Swift Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Swift Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

Mit Xcode-Previews können Sie Änderungen an SwiftUI sofort sehen, ohne den Simulator zu starten. Sie werden mit `#Preview` (Swift 5.9+) oder `PreviewProvider` definiert.

#Preview-Makro (Swift 5.9+)

```swift #Preview { ContentView() } ``` Die einfachste Definition einer Preview – eine Zeile. Xcode rendert sie im Canvas.

PreviewProvider (älterer Stil)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

Mehrere Previews

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

Beispieldaten bereitstellen

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

Umgebung in Previews

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

@EnvironmentObject in Previews

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

Tipps zur Preview-Performance

• Previews laufen in einem separaten Prozess • Halten Sie die Preview-Daten schlank • Extrahieren Sie Preview-spezifische Daten in `extension PreviewProvider` • Vermeiden Sie Netzwerkaufrufe im Preview-Code

Live-Previews

Klicken Sie im Preview-Canvas auf die Schaltfläche ▶, um die Live-Preview zu aktivieren – einen interaktiven Modus, in dem Taps auf Schaltflächen und Eingaben in Textfeldern in Echtzeit funktionieren.

Kurzer Test

Welches Swift-5.9+-Makro erstellt eine SwiftUI-Preview?
Beantworte es in der interaktiven Lektion

Zusammenfassung

Die wichtigsten Erkenntnisse: • `#Preview { }` – einzeilige Preview ab Swift 5.9+ • `PreviewProvider` – älterer protokollbasierter Ansatz • Mehrere Previews mit unterschiedlichen Namen, Geräten und Farbschemata • Injizieren Sie Umgebungswerte und `environmentObject` in Previews • Live-Previews ermöglichen interaktives Testen, ohne die App zu starten Kurs abgeschlossen! Als Nächstes: SwiftUI-Layout.
Kostenlos starten

Lerne Swift mit einem KI-Tutor — kostenlos

Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.

Kurse
122
Lektionen
409
Kostenlos lernenDen vollständigen Kurs ansehen

Häufig gestellte Fragen

Ist die Lektion „Previews und der Preview Provider“ kostenlos?

Ja — der vollständige Text von „Previews und der Preview Provider“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Swift Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Swift Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Previews und der Preview Provider“?

Verwenden Sie #Preview und PreviewProvider, um Änderungen in Xcode sofort zu sehen. Du übst Swift Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Swift Academy zu starten?

Keine Vorkenntnisse erforderlich. Swift Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.

Wie lange dauert die Lektion „Previews und der Preview Provider“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Swift Academy-Lektion Code schreiben und ausführen?

Ja. Jede Swift Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Das View-Protokoll und die Body-Eigenschaft
  2. @State: Lokaler veränderlicher Zustand in Views
  3. View-Modifier: Verkettung und benutzerdefinierte Modifier
  4. Previews und der Preview Provider
← Zurück zu Swift Academy