Spacer e ZStack
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 12 di 50.
Un Spacer occupa tutto lo spazio libero in uno stack. In un HStack spinge a sinistra le viste che lo precedono e a destra quelle che lo seguono:
HStack {
Text("Total")
Spacer()
Text("$12.50")
}In un VStack, uno Spacer allontana verticalmente le viste.
ZStack dispone le viste una sopra l'altra. La prima vista è sullo sfondo e ciascuna successiva si trova sopra:
ZStack {
Color.blue
Text("On top")
.foregroundStyle(.white)
}Color.blue usato come vista riempie tutto lo spazio che gli viene assegnato, quindi qui diventa uno sfondo blu dietro al testo.
Sfida
FacileFai in modo che la riga del totale occupi tutta la larghezza: aggiungi uno Spacer tra Total e $12.50 così il prezzo viene spinto fino al bordo destro.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Questa 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 bevande2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI