Menu
Coddy logo textTech

יישור וריווח

חלק מהיחידה מבוא ל-SwiftUI במסלול ה-Swift של Coddy. שיעור 11 מתוך 50.

VStack ממקם את התצוגות שלו במרכז ומשאיר ביניהן מרווח ברירת מחדל קטן. אפשר לשנות את שניהם כשיוצרים את המחסנית:

VStack(alignment: .leading, spacing: 12) {
    Text("Order #42")
        .font(.headline)
    Text("2 coffees")
    Text("Ready at 10:30")
}

alignment: .leading מיישר את התצוגות לאורך הקצה השמאלי (.trailing הוא הקצה הימני). spacing: 12 מציב רווח של 12 נקודות בין כל זוג תצוגות.

‏HStack מיישר אנכית במקום זאת: ‏.top, ‏.center או ‏.bottom:

HStack(alignment: .top, spacing: 20) {
    Text("Left")
    Text("Right")
}
challenge icon

אתגר

קל

הפוך את הקבלה לרשימה: הגדר את היישור של VStack ל־.leading ואת המרווח שלו ל־12.

נסו בעצמכם

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה מבוא ל-SwiftUI

תרגלו בעצמכם: SwiftUI אונליין