Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

المحاذاة والتباعد

جزء من قسم مقدمة إلى 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

تدرّب بنفسك: Playground لـ Swift