Allineamento e spaziatura
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 11 di 50.
Una VStack centra le sue viste e lascia un piccolo spazio predefinito tra di esse. Puoi modificare entrambi quando crei lo stack:
VStack(alignment: .leading, spacing: 12) {
Text("Order #42")
.font(.headline)
Text("2 coffees")
Text("Ready at 10:30")
}alignment: .leading allinea le viste sul bordo sinistro (.trailing è il bordo destro). spacing: 12 mette 12 punti tra ogni coppia di viste.
Un HStack allinea invece verticalmente: .top, .center o .bottom:
HStack(alignment: .top, spacing: 20) {
Text("Left")
Text("Right")
}
Sfida
FacileFai in modo che la ricevuta sembri un elenco: imposta l'allineamento di VStack su .leading e la spaziatura su 12.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI