La canvas di anteprima in tempo reale
Usare le anteprime di Xcode per vedere immediatamente le modifiche all'interfaccia.
La canvas di anteprima in tempo reale è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 3 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 SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.
Scoprite la canvas
Accanto al codice, Xcode mostra una canvas che visualizza la vostra vista in tempo reale. Potete vedere l'interfaccia senza compilare e avviare l'intera app. 👀
Mostratela o nascondetela
Se la canvas non è visibile, aprite il menu Editor e attivate Canvas. Apparirà sulla destra, accanto al codice Swift.
Il blocco #Preview
Un piccolo blocco #Preview in fondo al file indica alla canvas cosa visualizzare. Il modello ne aggiunge automaticamente uno per ContentView.
#Preview {
ContentView()
}Aggiornamenti in tempo reale
Modificate il codice e la canvas si aggiornerà quasi istantaneamente. Questo ciclo di aggiornamento in tempo reale rende SwiftUI rapido e piacevole da usare. ⚡
Provate una modifica
Modificate il testo della vista Text e osservate la canvas cambiare mentre scrivete. Vedere subito il risultato rende gli esperimenti sicuri e divertenti.
Text("Hello, SwiftUI!")Riprendete l'anteprima
A volte la canvas si mette in pausa e mostra un pulsante Resume. Fate clic su di esso per riavviare l'anteprima dopo una modifica che non è stato possibile applicare in tempo reale.
Modalità interattiva
La modalità live, rappresentata dall'icona di riproduzione, vi permette di toccare e scorrere direttamente nella canvas. Potete testare pulsanti e gesti senza usare un simulatore.
Dispositivi per l'anteprima
Potete associare l'anteprima a un device specifico, ad esempio un iPhone SE. In questo modo potete controllare l'aspetto del layout sugli schermi più piccoli.
Più anteprime
Aggiungete più blocchi #Preview per confrontare gli stati affiancati, ad esempio la modalità chiara e quella scura contemporaneamente.
Le anteprime non vengono distribuite
Il codice delle anteprime serve solo per lo sviluppo. Non viene mai incluso nelle app degli utenti, quindi potete tranquillamente riempire le anteprime con dati di esempio fittizi.
Più veloce della compilazione
La canvas è molto più veloce di una compilazione completa. Usatela come ciclo principale durante la progettazione e ricorrete al simulatore solo per i test più approfonditi.
Controllo rapido
Quale blocco nel file indica alla canvas cosa visualizzare?
Riepilogo
La canvas visualizza la vostra vista in tempo reale tramite un blocco #Preview e si aggiorna mentre scrivete. È il modo più rapido per progettare e iterare. 🎨
Impara Swift con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «La canvas di anteprima in tempo reale» è gratuita?
Sì — il testo completo di «La canvas di anteprima in tempo reale» è 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 SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.
Cosa imparerò in «La canvas di anteprima in tempo reale»?
Usare le anteprime di Xcode per vedere immediatamente le modifiche all'interfaccia. Eserciti SwiftUI 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 SwiftUI Academy?
Non è richiesta alcuna esperienza precedente. SwiftUI 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 3 di 4.
Quanto tempo richiede la lezione «La canvas di anteprima in tempo reale»?
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 SwiftUI Academy?
Sì. Ogni lezione SwiftUI 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
- Installare Xcode e creare un progetto
- Anatomia di un file di app SwiftUI
- La canvas di anteprima in tempo reale
- Eseguire su simulatore e dispositivo