Spacer e priorità di layout
Allontanare le view con Spacer e controllarne il dimensionamento.
Spacer e priorità di layout è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.
Conoscere Spacer
Uno Spacer è una vista invisibile che si espande avidamente per riempire lo spazio vuoto all'interno di uno stack, allontanando gli elementi vicini.
Allontanare le viste
Inserisca uno Spacer tra due viste in un HStack: verranno spinte verso le estremità opposte, una soluzione perfetta per un'etichetta a sinistra e un valore a destra.
HStack {
Text("Total")
Spacer()
Text("$42")
}Spingere tutto da un lato
Un singolo Spacer all'inizio spinge tutto ciò che segue verso il bordo finale. Lo posizioni per primo per allineare a destra una riga di contenuto.
HStack {
Spacer()
Text("Right")
}Centrare con due Spacer
Avvolga una vista tra due spacer e verrà centrata. Ogni Spacer occupa una parte uguale dello spazio rimanente su ciascun lato.
HStack {
Spacer()
Text("Center")
Spacer()
}Spacer in un VStack
In un VStack, uno Spacer spinge verticalmente. Ne inserisca uno in fondo per ancorare un pulsante al bordo inferiore dello schermo.
VStack {
Text("Top")
Spacer()
}Spacer con una lunghezza minima
Assegni a uno Spacer un minLength per garantire uno spazio che non si riduca mai a zero, anche quando lo stack non ha spazio sufficiente.
HStack {
Text("A")
Spacer(minLength: 24)
Text("B")
}Quando lo spazio termina
Quando uno stack è troppo piccolo, SwiftUI deve decidere quale vista ridurre per prima. Questa decisione dipende dalla priorità di layout di ogni vista.
Impostare la priorità di layout
Il modificatore layoutPriority indica che una vista è più importante. Un numero maggiore ne conserva le dimensioni complete, mentre gli elementi adiacenti con priorità inferiore si riducono.
Text("Keep me full")
.layoutPriority(1)Proteggere il testo importante
Quando un titolo lungo e un sottotitolo competono per lo spazio, assegni al titolo una layoutPriority maggiore, così verrà mostrato per intero e sarà invece il sottotitolo a venire troncato.
HStack {
Text("Important headline").layoutPriority(1)
Text("detail")
}Spacer e priorità
Ricordi la differenza: Spacer distribuisce lo spazio rimanente, mentre layoutPriority decide quale vista ridurre quando lo spazio non è sufficiente per tutte.
Creare una riga ordinata
Combini entrambi per ottenere righe ordinate: uno Spacer separa l'etichetta dal valore e la priorità garantisce che il testo principale non venga mai ritagliato.
HStack {
Text("Username").layoutPriority(1)
Spacer()
Text("coddy")
}Verifica rapida
Un'ultima verifica su spazio e priorità.
Riepilogo
Ce l'ha fatta! Uno Spacer riempie e distribuisce lo spazio, mentre layoutPriority controlla quali viste si riducono per prime, consentendole di creare layout equilibrati e solidi.
Impara Swift con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «Spacer e priorità di layout» è gratuita?
Sì — il testo completo di «Spacer e priorità di layout» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.
Cosa imparerò in «Spacer e priorità di layout»?
Allontanare le view con Spacer e controllarne il dimensionamento. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare SwiftUI Academy?
Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Spacer e priorità di layout»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?
Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Aggiungere padding alle view
- Dimensionare le view con frame
- Sfondi e raggio degli angoli
- Spacer e priorità di layout