PricingLoginStart free
Swift Academy · درس

المعاينات وPreview Provider

استخدموا #Preview وPreviewProvider لرؤية التغييرات فورًا في Xcode.

الدرس 4 من 412 خطوة

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

مرحبًا بكم

تتيح لك معاينات Xcode رؤية تغييرات SwiftUI فورًا من دون تشغيل المحاكي. ويُعرَّف استخدامها بواسطة `#Preview`‏ (Swift 5.9+) أو `PreviewProvider`.

ماكرو #Preview‏ (Swift 5.9+)

```swift #Preview { ContentView() } ``` أبسط تعريف لمعاينة — سطر واحد. يعرضها Xcode في اللوحة.

‏PreviewProvider‏ (الأسلوب الأقدم)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

معاينات متعددة

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

توفير بيانات نموذجية

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

البيئة في المعاينات

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

‏@EnvironmentObject في المعاينات

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

نصائح لتحسين أداء المعاينات

• تعمل المعاينات في عملية منفصلة • اجعل بيانات المعاينة خفيفة • استخرج البيانات الخاصة بالمعاينة إلى `extension PreviewProvider` • تجنب استدعاءات الشبكة في تعليمات المعاينة البرمجية

المعاينات المباشرة

انقر على الزر ▶ في لوحة المعاينة لتمكين المعاينة المباشرة — وهي وضع تفاعلي تعمل فيه نقرات الأزرار وإدخال حقول النص في الوقت الفعلي.

تحقق سريع

ماكرو Swift 5.9+ الذي ينشئ معاينة لـ SwiftUI؟
أجب عليها في الدرس التفاعلي

خلاصة

أهم النقاط: • `#Preview { }` — معاينة في سطر واحد ضمن Swift 5.9+ • `PreviewProvider` — الأسلوب الأقدم القائم على البروتوكول • معاينات متعددة بأسماء وأجهزة وأنظمة ألوان مختلفة • أدخل البيئة و environmentObject في المعاينات • تتيح المعاينات المباشرة الاختبار التفاعلي من دون تشغيل التطبيق اكتمل المقرر! التالي: تخطيط SwiftUI.
البدء مجانًا

تعلم Swift مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
122
الدروس
409
ابدأ التعلم مجانًاعرض الدورة الكاملة

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

هل درس «المعاينات وPreview Provider» مجاني؟

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

ماذا ستتعلم في «المعاينات وPreview Provider»؟

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

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

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

كم من الوقت يستغرق درس «المعاينات وPreview Provider»؟

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

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

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

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

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