Mostrare e nascondere con lo stato
Mostrare o nascondere le view usando uno stato booleano.
Mostrare e nascondere con lo stato è 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.
Mostrare e nascondere su richiesta
Un valore booleano @State può decidere se una view è visibile. Lo inverta e SwiftUI mostrerà o nasconderà il contenuto per Lei. 👀
@State private var isVisible = falseView condizionali
All'interno di body può usare una semplice istruzione if. Quando la condizione è vera, SwiftUI include la view; quando è falsa, la omette.
if isVisible {
Text("Now you see me")
}Un pulsante per invertirlo
Inverti il valore booleano dall'azione di un pulsante. Il piccolo metodo toggle() alterna true e false.
Button("Toggle") {
isVisible.toggle()
}Collegare tutto
Combini il pulsante e il Text condizionale in una VStack. Toccando il pulsante, il messaggio viene mostrato o nascosto mentre cambia lo state.
VStack {
Button("Toggle") { isVisible.toggle() }
if isVisible { Text("Hello") }
}La view completa
Ecco la view completa: un booleano, un pulsante e un Text mostrato in modo condizionale.
struct PeekView: View {
@State private var isVisible = false
var body: some View {
VStack {
Button("Toggle") { isVisible.toggle() }
if isVisible { Text("Hello") }
}
}
}Alternare il testo dell'etichetta
Può anche collegare un'etichetta allo stesso booleano, così il pulsante mostrerà Show o Hide in base allo state corrente.
Button(isVisible ? "Hide" : "Show") {
isVisible.toggle()
}Nascosto o rimosso
Un'istruzione if rimuove davvero la view dal layout. Le altre view si spostano per riempire lo spazio, a differenza di ciò che accade rendendo semplicemente un elemento trasparente.
Mantenere lo spazio con opacity
Se desidera far scomparire una view mantenendo il suo spazio, modifichi la sua opacity invece di rimuoverla con un if.
Text("Hi").opacity(isVisible ? 1 : 0)Abbinarla a un controllo Toggle
Il controllo SwiftUI Toggle si collega direttamente al booleano e offre agli utenti un interruttore che modifica lo state senza bisogno di un pulsante personalizzato.
Toggle("Show details", isOn: $isVisible)Un booleano, molte reazioni
Lo stesso valore di state può controllare più view contemporaneamente. Lo modifichi in un punto e ogni view dipendente reagirà insieme alle altre.
Una comparsa più fluida
Racchiuda la modifica in withAnimation e la visualizzazione o il nascondimento avverrà con una piacevole dissolvenza. State e un tocco di animazione danno un aspetto curato.
withAnimation { isVisible.toggle() }Verifica rapida
Come si fa ad apparire un Text solo quando lo state booleano è true?
Riepilogo
Un valore booleano @State insieme a if (o opacity) consente di mostrare e nascondere le view. Lo inverta con toggle e SwiftUI ridisegnerà l'interfaccia di conseguenza. 🔀
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 «Mostrare e nascondere con lo stato» è gratuita?
Sì — il testo completo di «Mostrare e nascondere con lo stato» è 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 «Mostrare e nascondere con lo stato»?
Mostrare o nascondere le view usando uno stato booleano. 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 «Mostrare e nascondere con lo stato»?
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
- Perché le view hanno bisogno dello stato
- Dichiarare proprietà @State
- Creare un contatore dei tocchi
- Mostrare e nascondere con lo stato