Elementi delle schede e badge
Aggiungere icone, titoli e badge di notifica.
Elementi delle schede e badge è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 2 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.
Rifinire ogni tab
Ora renderà ogni tab più chiara con l’icon corretta, un titolo breve e un badge di notifica quando necessario. 🎨
Icone con SF Symbols
Passi a Label il nome di un SF Symbol per dare a ogni scheda un’icona nitida e scalabile, in linea con lo stile del sistema.
Label("Profile", systemImage: "person.crop.circle")Mantenga brevi i titoli
I titoli delle schede hanno poco spazio a disposizione, quindi li limiti a una sola parola chiara, come Home, Search o Profile.
Selezionata e non selezionata
iOS evidenzia automaticamente la scheda attiva. Molti simboli passano persino a una variante piena quando vengono selezionati, senza che Lei debba scrivere codice.
Scegliere simboli efficaci
Scelga simboli dal significato immediato. Una casa per la schermata Home e un ingranaggio per le impostazioni non richiedono alcuna spiegazione.
Cosa mostra un badge
Un badge è il piccolo indicatore rosso su una scheda che segnala la presenza di elementi non letti, come nuovi messaggi in attesa. 🔴
Aggiungere un badge numerico
Il modificatore badge aggiunge un conteggio a una scheda. Passi un numero e l’indicatore comparirà automaticamente.
InboxScreen()
.tabItem { Label("Inbox", systemImage: "tray") }
.badge(3)Badge testuali
Può anche passare una stringa a badge, utile per brevi etichette come "New" al posto di un conteggio.
.badge("New")Nascondere un badge
Imposti il badge su zero o su un valore vuoto: SwiftUI nasconderà l’indicatore, che comparirà solo quando serve.
.badge(unreadCount)Gestire i badge tramite lo stato
Colleghi il badge a un valore di stato, così il conteggio si aggiornerà in tempo reale quando arrivano nuovi elementi o quando vengono letti.
I badge attirano l’attenzione
Usi i badge con moderazione. Un indicatore attira lo sguardo, quindi lo riservi a ciò che l’utente deve davvero notare. 👀
Verifica rapida
Verifichiamo come mostrare il conteggio degli elementi non letti su una scheda.
Riepilogo: elementi delle schede e badge
Icone chiare e titoli brevi rendono le schede facili da consultare, mentre il modificatore badge mostra conteggi o indicatori proprio quando servono agli utenti. 🎉
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 «Elementi delle schede e badge» è gratuita?
Sì — il testo completo di «Elementi delle schede e badge» è 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 «Elementi delle schede e badge»?
Aggiungere icone, titoli e badge di notifica. 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 2 di 4.
Quanto tempo richiede la lezione «Elementi delle schede e badge»?
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
- Creare una barra delle schede
- Elementi delle schede e badge
- Binding della scheda selezionata
- Combinare schede e stack