Selezionare opzioni con Picker
Offrire opzioni con picker a menu e segmentati.
Selezionare opzioni con Picker è 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 Picker
Un Picker consente agli utenti di scegliere un'opzione tra diverse alternative. È la scelta ideale per selezionare una categoria, un colore o un piano. 📋
Picker tiene traccia di una selezione
Un Picker memorizza nello stato il valore selezionato. Quando l'utente effettua una scelta, la proprietà associata si aggiorna di conseguenza.
@State private var fruit = "Apple"Associare la selezione
Passi un'etichetta e l'associazione della selezione, così Picker saprà quale proprietà leggere e aggiornare.
Picker("Fruit", selection: $fruit) {
// options go here
}Elencare le opzioni
All'interno della closure, aggiunga una vista per ogni scelta e assegni a ciascuna il proprio valore utilizzando tag, così la selezione potrà corrispondere.
Text("Apple").tag("Apple")
Text("Pear").tag("Pear")Creare un ciclo con ForEach
Per molte opzioni, le generi con ForEach su un array invece di scrivere ogni riga manualmente.
ForEach(fruits, id: \.self) { name in
Text(name).tag(name)
}Fare corrispondere i tipi della selezione
Il tipo della selezione deve corrispondere al tipo del tag. Se seleziona una String, anche ogni tag deve essere una String.
Lo stile menu
Applichi pickerStyle per cambiare l'aspetto. Lo stile menu mostra la scelta e apre le opzioni quando viene toccato.
Picker("Fruit", selection: $fruit) { }
.pickerStyle(.menu)Lo stile segmentato
Per poche opzioni brevi, lo stile segmented le dispone in una riga di pulsanti affiancati.
.pickerStyle(.segmented)Lo stile rotella
Lo stile wheel mostra una rotella scorrevole, classica per le date o per elenchi lunghi in cui lo scorrimento è naturale.
.pickerStyle(.wheel)Reagire alla scelta
Legga il valore associato in qualsiasi punto per reagire alla scelta dell'utente, ad esempio mostrando in un Text il frutto selezionato.
Text("You picked \(fruit)")La vista completa
Ecco un Picker completo: un'associazione alla selezione, opzioni generate con ForEach e lo stile segmentato applicato.
struct ChooseView: View {
@State private var fruit = "Apple"
let fruits = ["Apple", "Pear"]
var body: some View {
Picker("Fruit", selection: $fruit) {
ForEach(fruits, id: \.self) { Text($0).tag($0) }
}
}
}Verifica rapida
Perché ogni opzione di Picker deve avere un tag?
Riepilogo
Un Picker si associa a una selezione, assegna un tag a ogni opzione e cambia aspetto con gli stili menu, segmentato o rotella. 📋
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 «Selezionare opzioni con Picker» è gratuita?
Sì — il testo completo di «Selezionare opzioni con Picker» è 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 «Selezionare opzioni con Picker»?
Offrire opzioni con picker a menu e segmentati. 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 «Selezionare opzioni con Picker»?
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
- Attivare e disattivare con Toggle
- Scegliere valori con Slider
- Incrementare con Stepper
- Selezionare opzioni con Picker