På/av med Toggle
Koble en Toggle til en boolsk innstilling.
På/av med Toggle er en gratis leksjon i SwiftUI Academy på CoddyKit. Dette er leksjon 1 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i SwiftUI Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i SwiftUI Academy inneholder totalt 4 leksjoner.
Bli kjent med Toggle
En Toggle er SwiftUIs av/på-bryter. Den passer perfekt til innstillinger som varsler, mørk modus eller andre valg med ja eller nei. 🔘
Toggle trenger en boolsk verdi
Alle Toggle-forekomster gjenspeiler en Bool-verdi. Når bryteren er på, er verdien true; når den er av, er verdien false. De holdes synkronisert.
Lagre den i @State
Hold av/på-verdien i en @State-egenskap, slik at visningen kan lese og oppdatere den når brukeren slår bryteren av eller på.
@State private var isOn = falseBind med dollartegnet
Koble Toggle til state-en med dollartegnet. Det oppretter en toveisbinding, slik at endringer på bryteren automatisk oppdaterer verdien.
Toggle("Notifications", isOn: $isOn)Gi den en tydelig etikett
Det første argumentet er etiketten brukerne leser ved siden av bryteren. Hold den kort, og beskriv nøyaktig hva Toggle styrer.
Toggle("Dark Mode", isOn: $isDark)Reager på verdien
Les den boolske verdien hvor som helst i body for å reagere på bryteren. Her endres teksten avhengig av om Toggle er på.
Text(isOn ? "On" : "Off")Plasser den i et skjema
Toggle passer best inne i en Form, der den automatisk får den velkjente utformingen til innstillingsrader i iOS.
Form {
Toggle("Wi-Fi", isOn: $wifiOn)
}En mer innholdsrik etikettvisning
Trenger De også et ikon? Bruk closure-varianten, slik at etiketten kan være hvilken som helst visning, for eksempel en Label med et SF Symbol.
Toggle(isOn: $isOn) {
Label("Sound", systemImage: "speaker")
}Endre stil på bryteren
Endre utseendet med toggleStyle. Knappestilen gjør den om til en knapp som kan trykkes på, i stedet for standardbryteren.
Toggle("Star", isOn: $isOn)
.toggleStyle(.button)Farglegg sporet
Angi på-fargen for bryteren med modifikatoren tint, slik at den passer appens aksentfarge og får et tydelig apputtrykk.
Toggle("On", isOn: $isOn)
.tint(.green)Hele visningen
Her samles alt: én boolsk verdi, én Toggle bundet til den og en Text som reagerer på hvert skifte.
struct SettingsView: View {
@State private var isOn = false
var body: some View {
Toggle("Alerts", isOn: $isOn)
Text(isOn ? "On" : "Off")
}
}Rask sjekk
Hvordan kobler De en Toggle til en boolsk state-verdi?
Oppsummering
En Toggle bindes til en Bool med dollartegnet, endrer verdien ved trykk og lar Dem reagere på, endre stil på og fargelegge bryteren. 🔁
Lær deg Swift med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 30
- Leksjoner
- 120
Ofte stilte spørsmål
Er leksjonen «På/av med Toggle» gratis?
Ja – hele teksten i «På/av med Toggle» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av SwiftUI Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i SwiftUI Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «På/av med Toggle»?
Koble en Toggle til en boolsk innstilling. Du øver på SwiftUI Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med SwiftUI Academy?
Ingen tidligere erfaring er nødvendig. SwiftUI Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.
Hvor lang tid tar leksjonen «På/av med Toggle»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne SwiftUI Academy-leksjonen?
Ja. Alle SwiftUI Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.