Eliminare le righe con uno swipe
Rimuovere gli elementi con onDelete.
Eliminare le righe con uno swipe è 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.
Liste da cui si possono eliminare righe
Una lista statica si limita a mostrare i dati. Le app reali permettono di rimuovere gli elementi e SwiftUI rende naturale l'eliminazione con un semplice gesto di scorrimento. ✨
Ecco onDelete
Il modifier onDelete si applica a un ForEach all'interno di una List. Attiva il gesto di scorrimento verso sinistra che mostra un pulsante rosso Delete.
I dati vivono nello State
Per eliminare una riga deve essere proprietario dei dati. Conservi l'array in @State, così ogni modifica aggiornerà immediatamente la lista sullo schermo.
struct Item: Identifiable {
let id = UUID()
var name: String
}Dichiarare l'array
Conservi gli elementi in un array @State modificabile. Quando rimuove un elemento, SwiftUI anima automaticamente la scomparsa della riga.
@State private var items = [
Item(name: "Milk"),
Item(name: "Eggs")
]L'argomento IndexSet
onDelete le fornisce un IndexSet contenente le righe su cui l'utente ha eseguito lo swipe. È un insieme perché l'utente potrebbe rimuoverne diverse in una volta.
Rimuovere tramite gli offset
Passi quell'IndexSet direttamente al metodo remove(atOffsets:) dell'array. Una sola riga di codice rimuove in sicurezza esattamente gli elementi selezionati con lo swipe.
func delete(at offsets: IndexSet) {
items.remove(atOffsets: offsets)
}Collegare tutto
Inserisca le righe in un ForEach dentro una List, poi aggiunga onDelete per chiamare la funzione di eliminazione. Questo è l'intero schema.
List {
ForEach(items) { item in
Text(item.name)
}
.onDelete(perform: delete)
}Funzionano anche le closure inline
Può evitare la funzione con nome e scrivere l'eliminazione direttamente dentro onDelete come closure, quando la logica è minima.
.onDelete { offsets in
items.remove(atOffsets: offsets)
}Animazione dello swipe gratuita
Poiché items è @State, SwiftUI confronta lo stato precedente e quello successivo e fa scorrere via la riga eliminata in modo fluido. Non deve scrivere personalmente l'animation.
Lo aggiunga a ForEach, non a List
Un errore comune è inserire onDelete in List. Deve applicarlo a ForEach, perché è quest'ultimo a trasformare l'array in righe.
Azioni personalizzate con lo swipe
Per azioni diverse dall'eliminazione, utilizzi swipeActions, che permette di aggiungere pulsanti colorati come Archive o Flag su entrambi i lati.
.swipeActions {
Button("Flag") { }
.tint(.orange)
}Verifica rapida
A quale elemento va applicato il modifier onDelete?
Riepilogo: eliminare con lo swipe
Ha imparato a conservare gli elementi in @State, applicare onDelete a un ForEach e rimuovere le righe selezionate con lo swipe usando remove(atOffsets:). 🎉
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 «Eliminare le righe con uno swipe» è gratuita?
Sì — il testo completo di «Eliminare le righe con uno swipe» è 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 «Eliminare le righe con uno swipe»?
Rimuovere gli elementi con onDelete. 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 «Eliminare le righe con uno swipe»?
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
- Eliminare le righe con uno swipe
- Riordinare con onMove
- Aggiungere nuovi elementi
- Aggiornare tramite trascinamento