ddung docs

Text()

Properties1
tagsswiftui, text

2 min read

Table of Contents

  1. Definition
  2. Common Modifier
    1. 1. **`font(_:)`**
    2. 2. **`foregroundColor(_:)`**
    3. 3. **`bold()`**
    4. 4. **`italic()`**
    5. 5. **`underline(_:color:)`**
    6. 6. **`strikethrough(_:color:)`**
    7. 7. **`lineLimit(_:)`**
    8. 8. **`multilineTextAlignment(_:)`**
    9. 9. **`lineSpacing(_:)`**
    10. 10. **`kerning(_:)`**
    11. 11. **`tracking(_:)`**
    12. 12. **`shadow(color:radius:x:y:)`**
    13. 13. **`baselineOffset(_:)`**
    14. 14. **`opacity(_:)`**
    15. 15. **`frame(width:height:alignment:)`**
    16. 16. **`padding(_:)`**
    17. 17. **`background(_:)`**
    18. 18. **`border(_:width:)`**
    19. 19. **`clipShape(_:)`**
    20. 20. **`rotationEffect(_:)`**

Definition

Creates a Text interface element, known as a View. You can pass a Strings of characters between then parentheses.

Common Modifier

SwiftUI bietet eine Vielzahl von Modifizierern, mit denen du das Aussehen und Verhalten von Text-Ansichten anpassen kannst. Hier sind die am häufigsten verwendeten Modifizierer:

1. font(_:)

Ändert die Schriftart der Text-Ansicht.

Text("Hello, SwiftUI!")
    .font(.largeTitle)

2. foregroundColor(_:)

Setzt die Textfarbe.

Text("Hello, SwiftUI!")
    .foregroundColor(.blue)

3. bold()

Macht den Text fett.

Text("Hello, SwiftUI!")
    .bold()

4. italic()

Macht den Text kursiv.

Text("Hello, SwiftUI!")
    .italic()

5. underline(_:color:)

Unterstreicht den Text. Optional kannst du eine Farbe für die Unterstreichung angeben.

Text("Hello, SwiftUI!")
    .underline(true, color: .red)

6. strikethrough(_:color:)

Fügt dem Text eine Durchstreichung hinzu. Optional mit Farbe.

Text("Hello, SwiftUI!")
    .strikethrough(true, color: .gray)

7. lineLimit(_:)

Begrenzt die Anzahl der Zeilen. Standardmäßig zeigt SwiftUI unbegrenzte Zeilen an.

Text("This is a very long text that might need truncating.")
    .lineLimit(2)

8. multilineTextAlignment(_:)

Richtet mehrzeiligen Text aus (.leading, .center, .trailing).

Text("This is a multiline text.")
    .multilineTextAlignment(.center)

9. lineSpacing(_:)

Setzt den Abstand zwischen den Zeilen.

Text("This is a multiline text.")
    .lineSpacing(10)

10. kerning(_:)

Fügt Abstand zwischen den Buchstaben hinzu.

Text("Hello, SwiftUI!")
    .kerning(2)

11. tracking(_:)

Setzt den Abstand zwischen Zeichen auf Basis der Schriftgröße.

Text("Hello, SwiftUI!")
    .tracking(1.5)

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

Fügt dem Text einen Schatten hinzu.

Text("Hello, SwiftUI!")
    .shadow(color: .gray, radius: 2, x: 2, y: 2)

13. baselineOffset(_:)

Verschiebt die Baseline des Texts vertikal.

Text("Hello, SwiftUI!")
    .baselineOffset(10)

14. opacity(_:)

Steuert die Deckkraft des Textes.

Text("Hello, SwiftUI!")
    .opacity(0.5)

15. frame(width:height:alignment:)

Setzt die Größe und Ausrichtung des Textes.

Text("Hello, SwiftUI!")
    .frame(width: 200, height: 50, alignment: .center)

16. padding(_:)

Fügt einen inneren Abstand um den Text hinzu.

Text("Hello, SwiftUI!")
    .padding(10)

17. background(_:)

Setzt einen Hintergrund für den Text.

Text("Hello, SwiftUI!")
    .background(Color.yellow)

18. border(_:width:)

Fügt eine Rahmenlinie um den Text hinzu.

Text("Hello, SwiftUI!")
    .border(Color.red, width: 2)

19. clipShape(_:)

Schneidet den Text anhand einer Form zu.

Text("Hello, SwiftUI!")
    .clipShape(Capsule())

20. rotationEffect(_:)

Dreht den Text um einen bestimmten Winkel.

Text("Hello, SwiftUI!")
    .rotationEffect(.degrees(45))

Diese Liste deckt die am häufigsten verwendeten Modifizierer für Text in SwiftUI ab. Jeder Modifizierer kann kombiniert werden, um individuelle Designs zu erstellen.

Graph View