Ordine dei modificatori
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 16 di 50.
Ogni modificatore avvolge la vista su cui viene chiamato e restituisce una nuova vista. Quindi l’ordine è importante: un modificatore agisce su tutto ciò che hanno prodotto i modificatori precedenti.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()Per A, il padding viene aggiunto per primo e poi lo sfondo copre la vista con il padding: l’area arancione è grande. Per B, lo sfondo copre solo il testo e il padding viene aggiunto all’esterno, come spazio libero attorno a una piccola area arancione.
Leggi una catena di modificatori dall'alto verso il basso: ogni riga modifica la visualizzazione creata dalle righe precedenti.
Sfida
FacileL’area arancione è grande solo quanto il testo e il padding è all’esterno. Riordina i modificatori in modo che lo sfondo arancione copra anche il padding.
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