Button()

`frame(width:height:alignment:)`

Setzt die Größe und Ausrichtung des Buttons.

Button("Click Me") {
    print("Button tapped")
}
.frame(width: 200, height: 50, alignment: .center)

Setzt die Textfarbe des Buttons.

Button("Click Me") {
    print("Button tapped")
}
.foregroundColor(.white)

Fügt einen Hintergrund hinter den Button hinzu.

Button("Click Me") {
    print("Button tapped")
}
.background(Color.blue)

Fügt einen inneren Abstand um den Button-Text oder -Inhalt hinzu.

Button("Click Me") {
    print("Button tapped")
}
.padding()

Fügt abgerundete Ecken hinzu.

Button("Click Me") {
    print("Button tapped")
}
.background(Color.blue)
.cornerRadius(10)

Fügt dem Button einen Schatten hinzu.

Button("Click Me") {
    print("Button tapped")
}
.background(Color.blue)
.cornerRadius(10)
.shadow(color: .gray, radius: 5, x: 2, y: 2)

Fügt eine Ansicht über dem Button hinzu, z. B. eine Umrandung oder zusätzlichen Inhalt.

Button("Click Me") {
    print("Button tapped")
}
.overlay(
    RoundedRectangle(cornerRadius: 10)
        .stroke(Color.red, lineWidth: 2)
)

Steuert die Deckkraft des Buttons.

Button("Click Me") {
    print("Button tapped")
}
.opacity(0.8)

Ändert die Schriftart des Button-Textes.

Button("Click Me") {
    print("Button tapped")
}
.font(.title)

Skaliert die Größe des Buttons.

Button("Click Me") {
    print("Button tapped")
}
.scaleEffect(1.2)

Deaktiviert den Button basierend auf einer Bedingung.

Button("Click Me") {
    print("Button tapped")
}
.disabled(true)

Dreht den Button um einen bestimmten Winkel.

Button("Click Me") {
    print("Button tapped")
}
.rotationEffect(.degrees(45))

Fügt dem Button eine Animation hinzu.

Button("Click Me") {
    print("Button tapped")
}
.scaleEffect(1.2)
.animation(.easeInOut, value: 1.2)

Fügt eine Rahmenlinie um den Button hinzu.

Button("Click Me") {
    print("Button tapped")
}
.border(Color.blue, width: 2)