المحاذاة والتباعد
جزء من قسم مقدمة إلى 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")
}التحدي
سهلاجعل الإيصال يبدو كقائمة: عيّن محاذاة VStack إلى .leading والتباعد فيه إلى 12.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift