Przyciski
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 19 z 50.
Przycisk Button wyświetla etykietę i wykonuje działanie po stuknięciu. Najkrótsza forma przyjmuje tytuł i domknięcie:
Button("Sign in") {
// wykonuje się po dotknięciu przycisku
}W przypadku niestandardowej etykiety najpierw przekaż działanie, a następnie zbuduj etykietę w drugim bloku zamykającym:
Button {
// działanie
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) tworzy wypełniony przycisk, a role: .destructive oznacza akcję usuwającą coś, dzięki czemu przycisk jest czerwony:
Button("Delete", role: .destructive) {
// usuń
}Wyzwanie
PoczątkującyZastąp tekst przyciskiem Button zatytułowanym Order coffee. Na razie jego akcja może pozostać pusta. Nadaj mu styl przycisku .borderedProminent.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}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ów2Wyś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