Menu
Coddy logo textTech

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ń
}
challenge icon

Wyzwanie

Początkujący

Zastą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()
        }
    }
}
quiz iconSprawdź 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

Poćwicz samodzielnie: Edytor online SwiftUI