Marge intérieure
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 14 sur 50.
.padding() ajoute de l’espace autour d’une vue, entre son contenu et ce qui l’entoure. Sans argument, cette méthode utilise la valeur standard de 16 points de chaque côté :
Text("Tap to start")
.padding()Transmettez un nombre pour une valeur différente, ou nommez les bords qui la reçoivent :
Text("A").padding(24)
Text("B").padding(.horizontal, 20)
Text("C").padding(.top).horizontal désigne les bords avant et arrière, et .vertical le haut et le bas. Un bord unique est .top, .bottom, .leading ou .trailing.
Défi
DébutantDonnez plus d’espace au texte du bouton : ajoutez 24 points de marge intérieure sur chaque côté.
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 Swift