Schrittregler und Schieberegler
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 26 von 50.
Ein Stepper verfügt über -- und +-Schaltflächen, die eine Zahl ändern. Der Bereich in: hält den Wert innerhalb der Grenzen:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)Bei 5 funktioniert die Schaltfläche + nicht mehr, und bei 1 tut dies die Schaltfläche -. step: ändert sich jeweils um mehr als eins.
Ein Slider wählt einen Double durch Ziehen aus:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)Der Zustand ist ein Double, also schreibe 50.0 statt 50, wenn du ihn deklarierst.
Aufgabe
EinfachLass den Benutzer auswählen, wie viele Tickets er kaufen möchte. Ersetze den Text durch einen Stepper mit den Titeln Tickets: 1, Tickets: 2, ... gebunden an tickets, von 1 bis 4. Gib dem Stepper den Bezeichner tickets.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichten
Größe auswählenMenge und GesamtbetragBestellung aufgeben6Benutzereingabe
TextfeldUmschalterSchrittregler und SchiebereglerAuswahlfeldWiederholung – BestellformularÜbe selbstständig: Swift-Playground