0Pricing
Swift Academy · درس

معدِّلات العرض: التسلسل والمعدِّلات المخصّصة

طبّقوا المعدِّلات المضمّنة وأنشئوا أنواع ViewModifier قابلة لإعادة الاستخدام.

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

مرحبًا بكم

تُحوِّل معدِّلات العرض العروض، فتغيّر الخط واللون والحواف المتروكة والرسوم المتحركة وغير ذلك. ويمكن ربطها معًا وإنشاء معدِّلات مخصصة قابلة لإعادة الاستخدام.

المعدِّلات المضمنة

```swift Text("Hello") .font(.title) .foregroundColor(.blue) .padding() .background(Color.yellow) .cornerRadius(8) ```

ترتيب ربط المعدِّلات مهم

```swift Text("Hi") .padding() .background(Color.red) // red covers padding area Text("Hi") .background(Color.red) // red only covers text .padding() ```

ViewModifier مخصص

```swift struct CardStyle: ViewModifier { func body(content: Content) -> some View { content .padding() .background(Color.white) .cornerRadius(10) .shadow(radius: 4) } } extension View { func cardStyle() -> some View { modifier(CardStyle()) } } Text("Card").cardStyle() ```

المعدِّلات الشرطية

```swift Text("Status") .foregroundColor(isError ? .red : .primary) // Or with .modifier: text.modifier(isLarge ? LargeStyle() : SmallStyle()) ```

معدِّلات البيئة

تنتقل بعض المعدِّلات إلى العناصر الفرعية: ```swift VStack { Text("One") Text("Two") } .font(.headline) // applies to ALL Text children ```

المعدِّلات ذات المعلمات

```swift struct Bordered: ViewModifier { var color: Color func body(content: Content) -> some View { content.overlay(RoundedRectangle(cornerRadius:8).stroke(color,lineWidth:2)) } } Text("Hi").modifier(Bordered(color:.blue)) ```

معدِّل الانتقال

```swift if show { Text("Appeared") .transition(.slide) // custom appear/disappear animation } ```

.onAppear و .onDisappear

```swift Text("Hello") .onAppear { print("Appeared") } .onDisappear { print("Disappeared") } ```

معدِّلات تسهيل الوصول

```swift Image("logo") .accessibilityLabel("Company Logo") .accessibilityAddTraits(.isImage) ```

تحقق سريع

ما البروتوكول الذي يجب أن يلتزم به معدِّل العرض المخصص؟

خلاصة

أهم النقاط: • اربط المعدِّلات معًا لتركيب المظهر • الترتيب مهم — كل معدِّل يغلّف النتيجة السابقة • استخدم بروتوكول `ViewModifier` للمعدِّلات القابلة لإعادة الاستخدام • تنتقل معدِّلات البيئة إلى العناصر الفرعية • مدِّد `View` لتسهيل استدعاء `.myModifier()` في موضع الاستخدام التالي: المعاينات.

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

هل درس «معدِّلات العرض: التسلسل والمعدِّلات المخصّصة» مجاني؟

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

ماذا ستتعلم في «معدِّلات العرض: التسلسل والمعدِّلات المخصّصة»؟

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

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

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

كم من الوقت يستغرق درس «معدِّلات العرض: التسلسل والمعدِّلات المخصّصة»؟

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

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

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

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

  1. بروتوكول View وخصيصة Body
  2. ‏@State: الحالة المحلية القابلة للتعديل في العروض
  3. معدِّلات العرض: التسلسل والمعدِّلات المخصّصة
  4. المعاينات وPreview Provider
← العودة إلى Swift Academy