Disporre le view in verticale
Raggruppare le view dall'alto verso il basso con VStack.
Disporre le view in verticale è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 1 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.
Perché servono gli stack
Il body di SwiftUI può restituire una sola view. Per visualizzare più view insieme, le racchiuda in un contenitore che le disponga per Lei. 📦
Conosciamo VStack
Un VStack dispone le view figlie verticalmente, dall’alto verso il basso. È il contenitore ideale per layout a colonna, ad esempio con un titolo sopra un sottotitolo.
Il Suo primo VStack
Inserisca le view tra le parentesi graffe di VStack: appariranno nell’ordine indicato, ciascuna sulla propria riga. La prima figlia si trova in alto.
VStack {
Text("Hello")
Text("World")
}L’ordine conta
Le figlie vengono visualizzate esattamente nell’ordine in cui le scrive. Scambi due righe di codice e le view cambieranno posizione sullo schermo. La parte alta del codice corrisponde alla parte alta della colonna.
Centrato per impostazione predefinita
Per impostazione predefinita, un VStack centra orizzontalmente le figlie e si adatta alle dimensioni del contenuto, come una piccola colonna ordinata che avvolge le proprie view.
Combinare tipi di view
A un VStack non importa quale tipo di view contenga. Può combinare liberamente un Text, un Image e un Button nello stesso stack verticale.
VStack {
Image(systemName: "star")
Text("Favorite")
}Quante view possono entrare?
Uno stack può contenere fino a dieci figlie dirette alla volta. È più che sufficiente per la maggior parte delle schermate, e può sempre annidare altri stack per aggiungerne altre.
Annidare gli stack
Può inserire un VStack dentro un altro VStack per creare layout più ricchi. L’annidamento consente di raggruppare le view correlate, così si spostano insieme.
VStack {
Text("Title")
VStack {
Text("Line 1")
Text("Line 2")
}
}Anche gli stack sono view
Un VStack è a sua volta una view, quindi può applicare modificatori come padding o background all’intero stack in una sola volta. Il gruppo si comporta come un’unica unità.
Restituire un VStack da body
Poiché body richiede una singola view, restituire un VStack è il modo classico per visualizzare molte view. Lo stack diventa l’unica view restituita.
var body: some View {
VStack {
Text("One")
Text("Two")
}
}Quando usare VStack
Utilizzi un VStack ogni volta che gli elementi devono essere letti dall’alto verso il basso: un’intestazione sopra il testo, un’etichetta sopra un valore o un modulo disposto in righe.
Controllo rapido
Verifichiamo che l’ordine in VStack sia chiaro.
Riepilogo: disposizione verticale
Ottimo lavoro! Un VStack dispone le view dall’alto verso il basso secondo l’ordine del codice, le centra per impostazione predefinita e si comporta come un’unica view che può stilizzare o annidare. 🎉
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 «Disporre le view in verticale» è gratuita?
Sì — il testo completo di «Disporre le view in verticale» è 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 «Disporre le view in verticale»?
Raggruppare le view dall'alto verso il basso con VStack. 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 1 di 4.
Quanto tempo richiede la lezione «Disporre le view in verticale»?
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
- Disporre le view in verticale
- Righe con HStack
- Sovrapporre le view con ZStack
- Spaziatura e allineamento negli stack