Menu
Coddy logo textTech

Düğmeler

Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 19 / 50.

Bir Button, bir etiket gösterir ve dokunulduğunda bir eylem çalıştırır. En kısa biçimi, bir başlık ve closure alır:

Button("Sign in") {
    // butona dokunulduğunda çalışır
}

Özel bir etiket için önce eylemi iletin ve etiketi ikinci bir closure içinde oluşturun:

Button {
    // eylem
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) dolgulu bir düğme oluşturur ve role: .destructive bir şeyi silen eylemi belirtir; bu da eylemin kırmızı renkte gösterilmesini sağlar:

Button("Delete", role: .destructive) {
    // sil
}
challenge icon

Görev

Başlangıç

Metni, Order coffee başlıklı bir Button ile değiştirin. Eylemi şimdilik boş kalabilir. Ona .borderedProminent düğme stilini verin.

Kendin dene

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

SwiftUI'ye Giriş bölümündeki tüm dersler

Kendi başına pratik yap: Swift playground