ข้อความหลายบรรทัดและการจัดแนว
ควบคุมขีดจำกัดบรรทัด การตัดบรรทัด และการจัดแนวข้อความ
ข้อความหลายบรรทัดและการจัดแนว เป็นบทเรียน SwiftUI Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน SwiftUI Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
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. 👍
เรียนรู้ Swift ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “ข้อความหลายบรรทัดและการจัดแนว” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ข้อความหลายบรรทัดและการจัดแนว” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส SwiftUI Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ข้อความหลายบรรทัดและการจัดแนว”
ควบคุมขีดจำกัดบรรทัด การตัดบรรทัด และการจัดแนวข้อความ คุณปฏิบัติ SwiftUI Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน SwiftUI Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน SwiftUI Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “ข้อความหลายบรรทัดและการจัดแนว” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน SwiftUI Academy นี้ได้ไหม
ได้ บทเรียน SwiftUI Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- แบบอักษร น้ำหนัก และสี
- ข้อความหลายบรรทัดและการจัดแนว
- การโหลดรูปภาพจากทรัพยากร
- การใช้ SF Symbols