SwiftUI Academy · Lektion

Mehrzeiliger Text und Ausrichtung

Steuern Sie Zeilenbegrenzungen, Zeilenumbruch und Textausrichtung.

Mehrzeiliger Text und Ausrichtung ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

When Text Gets Long

Short labels fit on one line, but paragraphs wrap. This lesson shows how to control wrapping, line limits, and alignment for longer text. 📝

Text Wraps by Default

SwiftUI wraps long text onto multiple lines automatically when there is room. You usually do not need to do anything for basic wrapping.

Text("A fairly long sentence that will wrap onto more than one line.")

Limiting Lines

The lineLimit modifier caps how many lines show. Extra text is truncated with an ellipsis, which is great for previews and cards.

Text(longBio)
    .lineLimit(2)

Truncation Mode

Control where the cut happens with truncationMode. Choose .tail, .head, or .middle depending on which part matters most.

Text(path)
    .lineLimit(1)
    .truncationMode(.middle)

Aligning Multiline Text

Use multilineTextAlignment to align wrapped lines left, center, or trailing. It only affects text that spans more than one line.

Text(quote)
    .multilineTextAlignment(.center)

Frame Versus Text Alignment

Remember the difference: frame alignment positions the whole block, while multilineTextAlignment arranges lines inside that block.

Centering a Block

To center a block and its lines, give it a wide frame and a center text alignment together. Both work as a pair.

Text(notice)
    .multilineTextAlignment(.center)
    .frame(maxWidth: .infinity)

Line Spacing

Add breathing room between lines with lineSpacing. A few extra points often makes dense paragraphs much easier to read.

Text(article)
    .lineSpacing(6)

Allowing Tight Layout

When space is tight, minimumScaleFactor lets text shrink instead of truncating, keeping the whole message visible.

Text(headline)
    .lineLimit(1)
    .minimumScaleFactor(0.7)

Fixed Size to Avoid Clipping

If wrapping text gets squeezed, fixedSize tells it to keep its ideal height so nothing gets unexpectedly clipped.

Text(message)
    .fixedSize(horizontal: false, vertical: true)

Putting It Together

Combine lineLimit, alignment, and spacing to craft readable cards. Small tweaks add up to a polished reading experience.

Quick Check

Which modifier aligns wrapped lines of text?

Lesson Recap

You shaped long text with lineLimit, truncation, alignment, and spacing. These tools keep paragraphs tidy and easy to read. 👍

Häufig gestellte Fragen

Ist die Lektion „Mehrzeiliger Text und Ausrichtung“ kostenlos?

Ja — der vollständige Text von „Mehrzeiliger Text und Ausrichtung“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Mehrzeiliger Text und Ausrichtung“?

Steuern Sie Zeilenbegrenzungen, Zeilenumbruch und Textausrichtung. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Mehrzeiliger Text und Ausrichtung“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy