Przyciski krokowe i suwak
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 26 z 50.
Element Stepper ma przyciski - i +, które zmieniają liczbę. Zakres in: utrzymuje wartość w określonych granicach:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)Przy 5 przycisk + przestaje działać, a przy 1 przestaje działać przycisk -. step: zmienia się o więcej niż jeden naraz.
Element Slider wybiera wartość typu Double przez przeciąganie:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)Stan ma typ Double, więc podczas deklarowania go wpisz 50.0, a nie 50.
Wyzwanie
ŁatwyPozwól użytkownikowi wybrać, ile biletów kupić. Zastąp tekst elementem Stepper zatytułowanym Tickets: 1, Tickets: 2, ... powiązanym ze zmienną tickets, od 1 do 4. Nadaj stepperowi identyfikator tickets.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów
Wybierz rozmiarIlość i sumaZłóż zamówienie2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI