Sfondi
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 15 di 50.
.background disegna un colore dietro una vista. Copre l'area della vista, quindi il padding rende l'area colorata più grande del testo:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)Per arrotondare gli angoli dell’area colorata, ritagliala con una forma usando .clipShape. RoundedRectangle(cornerRadius: 8) crea angoli arrotondati, Capsule() estremità completamente arrotondate:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
Sfida
FacileTrasforma il testo in un badge: aggiungi il padding standard, uno sfondo rosso e lettere bianche.
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