ddung docs

Button()

Properties1
tagsswiftui, button

2 min read

Table of Contents

  1. Häufig verwendete Modifizierer für `Button()` in SwiftUI
    1. 1. **`frame(width:height:alignment:)`**
    2. 2. **`foregroundColor(_:)`**
    3. 3. **`background(_:)`**
    4. 4. **`padding(_:)`**
    5. 5. **`cornerRadius(_:)`**
    6. 6. **`shadow(color:radius:x:y:)`**
    7. 7. **`overlay(_:)`**
    8. 8. **`opacity(_:)`**
    9. 9. **`font(_:)`**
    10. 10. **`scaleEffect(_:)`**
    11. 11. **`disabled(_:)`**
    12. 12. **`rotationEffect(_:)`**
    13. 13. **`animation(_:)`**
    14. 14. **`border(_:width:)`**

Häufig verwendete Modifizierer für Button() in SwiftUI

SwiftUI bietet eine Vielzahl von Modifizierern, um das Aussehen und Verhalten von Button-Ansichten anzupassen. Hier sind die am häufigsten verwendeten Modifizierer:

1. 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)

2. foregroundColor(_:)

Setzt die Textfarbe des Buttons.

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

3. background(_:)

Fügt einen Hintergrund hinter den Button hinzu.

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

4. padding(_:)

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

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

5. cornerRadius(_:)

Fügt abgerundete Ecken hinzu.

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

6. shadow(color:radius:x:y:)

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)

7. overlay(_:)

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)
)

8. opacity(_:)

Steuert die Deckkraft des Buttons.

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

9. font(_:)

Ändert die Schriftart des Button-Textes.

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

10. scaleEffect(_:)

Skaliert die Größe des Buttons.

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

11. disabled(_:)

Deaktiviert den Button basierend auf einer Bedingung.

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

12. rotationEffect(_:)

Dreht den Button um einen bestimmten Winkel.

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

13. animation(_:)

Fügt dem Button eine Animation hinzu.

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

14. border(_:width:)

Fügt eine Rahmenlinie um den Button hinzu.

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

Diese Liste deckt die am häufigsten verwendeten Modifizierer für Button in SwiftUI ab. Sie ermöglicht dir eine einfache Anpassung an verschiedene Designs und Interaktionen.

Graph View