0Pricing
SwiftUI Academy · Pelajaran

Teks Multibaris dan Perataan

Atur batas baris, pembungkusan, dan perataan teks.

Teks Multibaris dan Perataan adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar SwiftUI Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

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. 👍

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Teks Multibaris dan Perataan” gratis?

Ya — teks lengkap “Teks Multibaris dan Perataan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus SwiftUI Academy, upgrade ke CoddyKit PRO. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Teks Multibaris dan Perataan”?

Atur batas baris, pembungkusan, dan perataan teks. Kamu berlatih SwiftUI Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai SwiftUI Academy?

Tidak diperlukan pengalaman sebelumnya. SwiftUI Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Teks Multibaris dan Perataan” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran SwiftUI Academy ini?

Ya. Setiap pelajaran SwiftUI Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Font, Ketebalan, dan Warna
  2. Teks Multibaris dan Perataan
  3. Memuat Gambar dari Aset
  4. Menggunakan SF Symbols
← Kembali ke SwiftUI Academy