Valg af værdier med Slider
Vælg et tal i et interval med en slider.
Valg af værdier med Slider 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.
Mød Slider
En Slider lader brugerne trække for at vælge et tal fra et interval. Tænk på lydstyrke, lysstyrke eller en anden jævn, kontinuerlig værdi. 🎚️
Slider indeholder et tal
En Slider arbejder med en Double. Når brugeren trækker knappen, opdateres værdien løbende inden for intervallet.
@State private var volume = 0.5Bind til tilstanden
Forbind Slider med din værdi ved hjælp af bindingen med dollartegnet, præcis som med Toggle. Når brugeren trækker, opdateres tallet med det samme.
Slider(value: $volume)Angiv intervallet
Som standard går en Slider fra 0 til 1. Angiv et eksplicit interval for selv at vælge minimum og maksimum.
Slider(value: $volume, in: 0...100)Brug trin til at fastholde værdier
Tilføj et trin, så værdien springer i faste intervaller i stedet for at kunne være et hvilket som helst decimaltal. Det er praktisk til heltal.
Slider(value: $level, in: 0...10, step: 1)Vis den aktuelle værdi
Læs det bundne tal for at vise det, så brugerne præcis kan se, hvor på slideren de befinder sig, mens de trækker.
Text("Volume: \(Int(volume))")Tilføj etiketter i enderne
Brug closure-parametrene til at placere etiketter i hver ende af sporet, f.eks. ikoner for stille og højt.
Slider(value: $volume, in: 0...100) {
Text("Volume")
}Farv sporet
Farv den udfyldte del af slideren med modifikatoren tint, så den passer til appens stil.
Slider(value: $volume).tint(.orange)Registrér start og slut på træk
Den onEditingChanged-closure udløses, når trækningen begynder og slutter, hvilket er praktisk, hvis en værdi skal gemmes én gang.
Slider(value: $v) { editing in
isDragging = editing
}Styr andre visninger
Sliderens værdi kan styre hvad som helst. Her angiver den en cirkels skalering, så formen vokser, når du trækker.
Circle().scaleEffect(volume)Hele visningen
Denne visning samler det hele: en Slider over et brugerdefineret interval samt en Text, der afspejler den aktuelle værdi.
struct VolumeView: View {
@State private var volume = 50.0
var body: some View {
Slider(value: $volume, in: 0...100)
Text("\(Int(volume))")
}
}Hurtigt tjek
Hvordan får du en Slider til at give heltal fra 0 til 10?
Opsummering
En Slider bindes til en Double, tager et interval og et valgfrit trin og opdateres løbende, så andre visninger kan reagere. 🎚️
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 “Valg af værdier med Slider” gratis?
Ja — hele teksten til “Valg af værdier med Slider” 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 “Valg af værdier med Slider”?
Vælg et tal i et interval med en slider. 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 “Valg af værdier med Slider”?
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
- Til og fra med Toggle
- Valg af værdier med Slider
- Justering med Stepper
- Valg af indstillinger med Picker