Alignement et espacement
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 11 sur 50.
Une VStack centre ses vues et laisse un petit espacement par défaut entre elles. Ces deux paramètres peuvent être modifiés lors de la création de la pile :
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading aligne les vues sur le bord gauche (.trailing correspond au bord droit). spacing: 12 place 12 points entre chaque paire de vues.
Un HStack aligne plutôt verticalement : .top, .center ou .bottom :
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}Défi
FacileFaites en sorte que le reçu se présente comme une liste : définissez l’alignement de VStack sur .leading et son espacement sur 12.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Cette 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 badges2Afficher 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 score3Piles et mise en page
VStackHStackAlignement et espacementSpacer et ZStackRécapitulatif - Carte météoEntraînez-vous par vous-même : Playground Swift