ScrollView orizzontale e verticale
Faccia scorrere contenuti arbitrari in qualsiasi direzione.
ScrollView orizzontale e 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.
Oltre una singola schermata
A volte il contenuto è più alto dello schermo. Un ScrollView consente agli utenti di scorrere oltre i bordi per visualizzarlo tutto. 📜
ScrollView {
Text("Lots of content here")
}Verticale per impostazione predefinita
Un semplice ScrollView scorre verso l'alto e verso il basso. Inserisca un VStack alto al suo interno e tutto il contenuto potrà essere fatto scorrere con un gesto.
ScrollView {
VStack {
Text("Top")
Text("Bottom")
}
}Passare all'orizzontale
Passi .horizontal come asse e il contenuto scorrerà invece da sinistra a destra, perfetto per i caroselli di immagini.
ScrollView(.horizontal) {
HStack {
Text("One")
Text("Two")
}
}Scegliere l'asse
Il primo argomento è l'asse: usi .vertical, .horizontal o persino entrambi per uno scorrimento libero in due direzioni.
ScrollView([.horizontal, .vertical]) {
BigContent()
}Nascondere l'indicatore
Imposti showsIndicators su false per nascondere la piccola barra di scorrimento e ottenere un aspetto più pulito e curato.
ScrollView(.horizontal, showsIndicators: false) {
HStack { /* cards */ }
}Il contenuto determina le proprie dimensioni
Un ScrollView scorre solo quando il suo contenuto è più grande dell'area visibile. Un contenuto breve rimane semplicemente fermo.
Abbinarlo a uno stack
Inserisca sempre un VStack o un HStack al suo interno, perché uno ScrollView contiene un solo elemento figlio e lo stack dispone in fila gli altri elementi.
ScrollView {
VStack(spacing: 16) {
Card()
Card()
}
}Libertà di layout o List
Scelga un ScrollView quando desidera piena libertà di layout; una List aggiunge automaticamente righe e separatori.
Aggiungere un po' di padding
Aggiunga padding al contenuto interno, così non aderirà ai bordi dello schermo mentre gli utenti scorrono.
ScrollView {
VStack { /* content */ }
.padding()
}Creare facilmente i caroselli
Uno ScrollView orizzontale di card è la soluzione classica per creare un carosello scorrevole di foto o prodotti.
ScrollView(.horizontal) {
HStack {
ForEach(items) { Card($0) }
}
}Fluido e nativo
Lo scorrimento è fluido perché ScrollView usa lo stesso motore del resto di iOS. Funziona e basta. ✨
Verifica rapida
Rifletta sulla direzione in cui desidera scorrere.
Riepilogo
Ha imparato che uno ScrollView mostra il contenuto che supera l'area disponibile, scorre verticalmente per impostazione predefinita e diventa orizzontale specificando un asse. 🎉
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 «ScrollView orizzontale e verticale» è gratuita?
Sì — il testo completo di «ScrollView orizzontale e 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 «ScrollView orizzontale e verticale»?
Faccia scorrere contenuti arbitrari in qualsiasi direzione. 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 «ScrollView orizzontale e 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
- ScrollView orizzontale e verticale
- LazyVStack e LazyHStack
- Griglie adattive con LazyVGrid
- ScrollView Reader e anchor