Ordre des modificateurs
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 16 sur 50.
Chaque modificateur enveloppe la vue sur laquelle il est appelé et renvoie une nouvelle vue. L’ordre compte donc : un modificateur agit sur tout ce que les modificateurs précédents ont produit.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Pour A, le remplissage est ajouté en premier, puis l’arrière-plan recouvre la zone avec le remplissage : la zone orange est grande. Pour B, l’arrière-plan recouvre uniquement le texte et le remplissage est ajouté à l’extérieur, sous forme d’espace vide autour d’une petite zone orange.
Lisez une chaîne de modificateurs de haut en bas : chaque ligne modifie la vue construite par les lignes précédentes.
Défi
FacileLa zone orange est seulement aussi grande que le texte, et le remplissage est à l’extérieur. Réorganise les modificateurs pour que l’arrière-plan orange couvre aussi le remplissage.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de scoreEntraînez-vous par vous-même : Playground SwiftUI