ddung docs

Image()

Properties1
tagsswiftui, image

2 min read

Table of Contents

  1. Häufig verwendete Modifizierer für `Image()` in SwiftUI
    1. 1. **`resizable()`**
    2. 2. **`scaledToFit()`**
    3. 3. **`scaledToFill()`**
    4. 4. **`frame(width:height:alignment:)`**
    5. 5. **`clipShape(_:)`**
    6. 6. **`cornerRadius(_:)`**
    7. 7. **`shadow(color:radius:x:y:)`**
    8. 8. **`opacity(_:)`**
    9. 9. **`aspectRatio(_:contentMode:)`**
    10. 10. **`overlay(_:)`**
    11. 11. **`background(_:)`**
    12. 12. **`border(_:width:)`**
    13. 13. **`rotationEffect(_:)`**
    14. 14. **`padding(_:)`**

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

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

1. resizable()

Macht das Bild anpassbar, sodass seine Größe geändert werden kann.

Image("example")
    .resizable()

2. scaledToFit()

Skaliert das Bild, um vollständig in den verfügbaren Platz zu passen, wobei das Seitenverhältnis beibehalten wird.

Image("example")
    .resizable()
    .scaledToFit()

3. scaledToFill()

Skaliert das Bild, um den verfügbaren Platz vollständig auszufüllen, wobei das Seitenverhältnis beibehalten wird. Teile des Bildes können abgeschnitten werden.

Image("example")
    .resizable()
    .scaledToFill()

4. frame(width:height:alignment:)

Setzt die Größe und Ausrichtung des Bildes.

Image("example")
    .resizable()
    .frame(width: 100, height: 100, alignment: .center)

5. clipShape(_:)

Schneidet das Bild anhand einer Form zu.

Image("example")
    .resizable()
    .clipShape(Circle())

6. cornerRadius(_:)

Fügt abgerundete Ecken hinzu.

Image("example")
    .resizable()
    .cornerRadius(10)

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

Fügt dem Bild einen Schatten hinzu.

Image("example")
    .resizable()
    .shadow(color: .gray, radius: 5, x: 2, y: 2)

8. opacity(_:)

Steuert die Deckkraft des Bildes.

Image("example")
    .resizable()
    .opacity(0.5)

9. aspectRatio(_:contentMode:)

Legt das Seitenverhältnis des Bildes fest und wählt den Inhaltsmodus (.fit oder .fill).

Image("example")
    .resizable()
    .aspectRatio(1.0, contentMode: .fit)

10. overlay(_:)

Fügt eine andere Ansicht über das Bild.

Image("example")
    .resizable()
    .overlay(
        Text("Overlay Text")
            .foregroundColor(.white)
    )

11. background(_:)

Setzt einen Hintergrund hinter das Bild.

Image("example")
    .resizable()
    .background(Color.blue)

12. border(_:width:)

Fügt einen Rahmen um das Bild hinzu.

Image("example")
    .resizable()
    .border(Color.red, width: 2)

13. rotationEffect(_:)

Dreht das Bild um einen bestimmten Winkel.

Image("example")
    .resizable()
    .rotationEffect(.degrees(45))

14. padding(_:)

Fügt einen inneren Abstand um das Bild hinzu.

Image("example")
    .resizable()
    .padding(10)

Diese Liste deckt die am häufigsten verwendeten Modifizierer für Image in SwiftUI ab. Mit diesen Modifizierern kannst du Bilder anpassen und vielseitig einsetzen.

Graph View