Swift Academy · Leçon

Aperçus et PreviewProvider

Utiliser #Preview et PreviewProvider pour voir instantanément les changements dans Xcode.

Leçon 4 sur 412 étapes

Aperçus et PreviewProvider est une leçon Swift Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Swift Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Swift Academy comprend 4 leçons au total.

Bienvenue

Les aperçus Xcode permettent de voir instantanément les changements apportés à SwiftUI sans lancer le simulateur. Ils sont définis avec `#Preview` (Swift 5.9+) ou `PreviewProvider`.

Macro #Preview (Swift 5.9+)

```swift #Preview { ContentView() } ``` La définition d'aperçu la plus simple — une seule ligne. Xcode l'affiche dans le canevas.

PreviewProvider (ancienne méthode)

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

Aperçus multiples

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

Fournir des données d'exemple

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

Environnement dans les aperçus

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

@EnvironmentObject dans les aperçus

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

Conseils de performance pour les aperçus

• Les aperçus s'exécutent dans un processus distinct • Gardez les données d'aperçu légères • Extrayez les données propres aux aperçus dans `extension PreviewProvider` • Évitez les appels réseau dans le code des aperçus

Aperçus en direct

Cliquez sur le bouton ▶ dans le canevas d'aperçu pour activer l'aperçu en direct — un mode interactif où les pressions sur les boutons et la saisie dans les champs de texte fonctionnent en temps réel.

Vérification rapide

Quelle macro de Swift 5.9+ crée un aperçu SwiftUI ?

Récapitulatif

Points essentiels : • `#Preview { }` — aperçu sur une seule ligne à partir de Swift 5.9+ • `PreviewProvider` — ancienne approche fondée sur un protocole • Plusieurs aperçus avec des noms, des appareils et des schémas de couleurs différents • Injectez l'environnement et `environmentObject` dans les aperçus • Les aperçus en direct permettent des vérifications interactives sans lancer l'application Cours terminé ! Suite : mise en page SwiftUI.
Gratuit pour commencer

Apprends Swift avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
122
Leçons
409

Questions Fréquemment Posées

La leçon « Aperçus et PreviewProvider » est-elle gratuite ?

Oui — le texte complet de « Aperçus et PreviewProvider » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Swift Academy, passe à CoddyKit PRO. Le cours Swift Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Aperçus et PreviewProvider » ?

Utiliser #Preview et PreviewProvider pour voir instantanément les changements dans Xcode. Tu pratiques Swift Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Swift Academy ?

Aucune expérience préalable n'est requise. Swift Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.

Combien de temps prend la leçon « Aperçus et PreviewProvider » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Swift Academy ?

Oui. Chaque leçon Swift Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Le protocole View et la propriété body
  2. @State : état local mutable dans les vues
  3. Modificateurs de vues : chaînage et modificateurs personnalisés
  4. Aperçus et PreviewProvider
← Retour à Swift Academy