Faneelementer og badges
Tilføj ikoner, titler og notifikationsbadges.
Faneelementer og badges er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Giv hver fane sidste hånd
Nu gør du hver fane tydeligere med det rigtige ikon, en kort titel og et notifikationsmærke, når det er nødvendigt. 🎨
Ikoner med SF Symbols
Giv Label navnet på et SF Symbol, så hver fane får et skarpt, skalerbart ikon, der følger systemets stil.
Label("Profile", systemImage: "person.crop.circle")Hold titlerne korte
Fanetitler har kun lidt plads, så begræns dem til ét tydeligt ord som Hjem, Søg eller Profil.
Valgt kontra ikke valgt
iOS fremhæver automatisk den aktive fane. Mange symboler skifter endda til en udfyldt variant, når de vælges, uden at du skal skrive kode.
Vælg gode symboler
Vælg symboler, hvis betydning er tydelig. Et hus for hjem og et tandhjul for indstillinger kræver ingen forklaring.
Hvad viser et mærke
Et mærke er den lille røde boble på en fane, der angiver ulæste elementer, f.eks. nye beskeder, der venter på dig. 🔴
Tilføj et talmærke
Modifikatoren badge viser et antal på en fane. Giv den et tal, så vises boblen automatisk.
InboxScreen()
.tabItem { Label("Inbox", systemImage: "tray") }
.badge(3)Tekstmærker
Du kan også give badge en streng, hvilket er nyttigt til korte markeringer som "Ny" i stedet for et antal.
.badge("New")Skjul et mærke
Sæt mærket til nul eller en tom værdi, så skjuler SwiftUI boblen, og den vises kun, når det er relevant.
.badge(unreadCount)Styr mærker fra tilstand
Bind mærket til en værdi med tilstand, så antallet opdateres løbende, når nye elementer kommer til eller bliver læst.
Mærker kræver opmærksomhed
Brug mærker med måde. En boble fanger øjet, så gem den til ting, som brugeren virkelig skal lægge mærke til. 👀
Hurtigt tjek
Lad os se, hvordan du viser et antal ulæste elementer på en fane.
Opsummering: Faneelementer og mærker
Tydelige ikoner og korte titler gør faner nemme at overskue, og badge-modifikatoren viser antal eller markeringer præcis, når brugerne har brug for dem. 🎉
Lær Swift med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Faneelementer og badges” gratis?
Ja — hele teksten til “Faneelementer og badges” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Faneelementer og badges”?
Tilføj ikoner, titler og notifikationsbadges. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på SwiftUI Academy?
Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.
Hvor lang tid tager lektionen “Faneelementer og badges”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?
Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Oprettelse af en fanelinje
- Faneelementer og badges
- Binding af valgt fane
- Kombination af faner og stacks