0Pricing
Swift Academy · Lezione

Anteprime e Preview Provider

Utilizzare #Preview e PreviewProvider per visualizzare immediatamente le modifiche in Xcode.

Anteprime e Preview Provider è una lezione Swift Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Swift Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Swift Academy include 4 lezioni in totale.

Benvenuto

Le anteprime di Xcode consentono di visualizzare immediatamente le modifiche a SwiftUI senza avviare il simulatore. Vengono definite con `#Preview` (Swift 5.9+) o `PreviewProvider`.

Macro #Preview (Swift 5.9+)

```swift #Preview { ContentView() } ``` La definizione di anteprima più semplice: una sola riga. Xcode la visualizza nel canvas.

PreviewProvider (stile precedente)

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

Più anteprime

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

Fornire dati di esempio

```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") } } } ```

Ambiente nelle anteprime

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

@EnvironmentObject nelle anteprime

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

Suggerimenti sulle prestazioni delle anteprime

• Le anteprime vengono eseguite in un processo separato • Mantenga leggeri i dati delle anteprime • Estragga i dati specifici delle anteprime in `extension PreviewProvider` • Eviti le chiamate di rete nel codice delle anteprime

Anteprime interattive

Faccia clic sul pulsante ▶ nel canvas dell'anteprima per abilitare Live Preview: una modalità interattiva in cui i tocchi sui pulsanti e l'inserimento nei campi di testo funzionano in tempo reale.

Verifica rapida

Quale macro di Swift 5.9+ crea un'anteprima SwiftUI?

Riepilogo

Concetti chiave: • `#Preview { }`: anteprima su una sola riga disponibile da Swift 5.9+ • `PreviewProvider`: approccio precedente basato su un protocollo • Più anteprime con nomi, dispositivi e schemi di colore diversi • Iniettare l'ambiente e `environmentObject` nelle anteprime • Le Live Preview consentono test interattivi senza avviare l'app Corso completato! Prossimo argomento: layout SwiftUI.

Domande Frequenti

La lezione «Anteprime e Preview Provider» è gratuita?

Sì — il testo completo di «Anteprime e Preview Provider» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Swift Academy, passa a CoddyKit PRO. Il corso Swift Academy include 4 lezioni in totale.

Cosa imparerò in «Anteprime e Preview Provider»?

Utilizzare #Preview e PreviewProvider per visualizzare immediatamente le modifiche in Xcode. Eserciti Swift Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Swift Academy?

Non è richiesta alcuna esperienza precedente. Swift Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.

Quanto tempo richiede la lezione «Anteprime e Preview Provider»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Swift Academy?

Sì. Ogni lezione Swift Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Il protocollo View e la proprietà Body
  2. @State: stato mutabile locale nelle View
  3. Modifier delle View: concatenamento e modifier personalizzati
  4. Anteprime e Preview Provider
← Torna a Swift Academy