Arkusze i alerty
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 37 z 50.
Arkusz wysuwa widok nad bieżącym ekranem. Jest wyświetlany, gdy stan Bool ma wartość true:
@State private var showHelp = false
Button("Help") { showHelp = true }
.sheet(isPresented: $showHelp) {
Text("Swipe down to close")
}Alert zadaje krótkie pytanie. Działa tak samo, z tytułem, przyciskami i opcjonalną wiadomością:
Button("Delete") { askDelete = true }
.alert("Delete photo?", isPresented: $askDelete) {
Button("Delete", role: .destructive) { deletePhoto() }
Button("Cancel", role: .cancel) { }
} message: {
Text("This cannot be undone.")
}Dotknięcie dowolnego przycisku alertu uruchamia jego działanie i zamyka alert, ustawiając stan z powrotem na false. W arkuszu @Environment(\.dismiss) var dismiss udostępnia działanie dismiss(), które zamyka go z poziomu kodu.
Wyzwanie
ŚredniGdy użytkownik stuknie Save, wyświetl alert z tytułem Saved!, komunikatem Your note is stored. i jednym przyciskiem OK. Użyj stanu showSaved.
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ów8Nawigacja
NavigationStackNavigationLinkPrzekazywanie danychArkusze i alertyPodsumowanie — przewodnik po roślinach6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI