0Pricing
Swift Academy · درس

معدِّلات Spacer وPadding وFrame

استخدموا Spacer للفجوات المرنة وframe لتحديد أحجام صريحة.

معدِّلات Spacer وPadding وFrame درس مجاني في Swift Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Swift Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Swift Academy 4 دروس في المجموع.

مرحبًا

تُعدّ `Spacer` و`.padding()` و`.frame()` الأدوات الأساسية للتحكم في التباعد وتحديد الأحجام في SwiftUI. لنتقن استخدام كل منها.

Spacer — مساحة مرنة

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` تتوسع `Spacer` لملء المساحة المتبقية على محور المكدس.

الحد الأدنى للطول

```swift Spacer(minLength: 20) // at least 20pt even if compressed ```

معدِّل .padding()

```swift Text("Hello") .padding() // default 16pt all sides .padding(.horizontal, 24) // custom horizontal .padding(.top, 8) // custom top only ```

.padding مع EdgeInsets

```swift Text("Hi") .padding(EdgeInsets(top:10,leading:20,bottom:10,trailing:20)) ```

.frame() — حجم صريح

```swift Text("Button") .frame(width: 200, height: 44) .background(Color.blue) .foregroundColor(.white) ```

.frame(maxWidth:)

```swift Button("Full Width") {} .frame(maxWidth: .infinity) .padding() .background(Color.accentColor) ```

.frame(alignment:)

```swift Text("Left") .frame(width: 200, alignment: .leading) .border(Color.gray) // Text aligns left within the 200pt wide frame ```

fixedSize

```swift Text("Long text that should not wrap") .fixedSize() // prevents truncation / wrapping ```

الجمع بين Spacer وFrame

```swift VStack { Spacer() Text("Bottom") .frame(maxWidth: .infinity) .padding() } ```

تحقق سريع

ماذا تفعل `Spacer()` داخل `HStack`؟

مراجعة

أهم النقاط: • تملأ `Spacer()` المساحة المتاحة، بينما تُستخدم `Spacer(minLength:)` لتحديد فجوة دنيا • تضيف `.padding()` هوامش داخلية؛ حدّد الحافة والقيمة لمزيد من الدقة • يحدد `.frame(width:height:)` حجمًا ثابتًا • توسّع `.frame(maxWidth: .infinity)` العنصر لملء المساحة • تمنع `.fixedSize()` اقتطاع النص التالي: GeometryReader.

الأسئلة الشائعة

هل درس «معدِّلات Spacer وPadding وFrame» مجاني؟

نعم — نص درس «معدِّلات Spacer وPadding وFrame» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Swift Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Swift Academy 4 دروس في المجموع.

ماذا ستتعلم في «معدِّلات Spacer وPadding وFrame»؟

استخدموا Spacer للفجوات المرنة وframe لتحديد أحجام صريحة. تتمرن على Swift Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Swift Academy؟

لا تُشترط خبرة سابقة. Swift Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «معدِّلات Spacer وPadding وFrame»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Swift Academy هذا؟

نعم. كل درس في Swift Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. أساسيات VStack وHStack وZStack
  2. ‏LazyVGrid وLazyHGrid
  3. معدِّلات Spacer وPadding وFrame
  4. ‏GeometryReader للتخطيطات المتكيفة
← العودة إلى Swift Academy