Buttons
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 19 von 50.
Ein Button zeigt eine Beschriftung an und führt eine Aktion aus, wenn er angetippt wird. Die kürzeste Form nimmt einen Titel und eine Closure entgegen:
Button("Sign in") {
// wird ausgeführt, wenn der Button getippt wird
}Für eine benutzerdefinierte Beschriftung übergib zuerst die Aktion und erstelle die Beschriftung in einer zweiten Closure:
Button {
// Aktion
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) ergibt eine ausgefüllte Schaltfläche, und role: .destructive kennzeichnet eine Aktion, die etwas löscht, wodurch sie rot angezeigt wird:
Button("Delete", role: .destructive) {
// löschen
}Aufgabe
AnfängerErsetze den Text durch einen Button mit dem Titel Order coffee. Seine Aktion kann vorerst leer bleiben. Gib ihm den Schaltflächenstil .borderedProminent.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Diese 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änkeansichten5Status und Buttons
ButtonsDie @State-EigenschaftWahr-oder-falsch-StatusBedingte AnsichtenZusammenfassung – Punktestand verwaltenÜbe selbstständig: Swift-Playground