لوحة المعاينة المباشرة
استخدم معاينات Xcode لرؤية تغييرات واجهة المستخدم فوراً
لوحة المعاينة المباشرة درس مجاني في SwiftUI Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في SwiftUI Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.
تعرّف على Canvas
يعرض Xcode بجانب شيفرتك canvas يرسم عنصر العرض مباشرةً. ويمكنك رؤية واجهة المستخدم دون إنشاء التطبيق الكامل وتشغيله. 👀
أظهره أو أخفِه
إذا لم يظهر canvas، فافتح قائمة Editor وفعّل Canvas. سيظهر على اليمين بجانب شيفرة Swift.
كتلة #Preview
تخبر كتلة #Preview الصغيرة في أسفل الملف canvas بما يجب عرضه. ويضيف القالب واحدةً لـ ContentView تلقائيًا.
#Preview {
ContentView()
}تحديثات مباشرة
غيّر شيفرتك، وسيُحدّث canvas نفسه تقريبًا فورًا. وتُعد حلقة live update هذه ما يجعل SwiftUI سريعًا وتفاعليًا. ⚡
جرّب تعديلًا
عدّل نص عنصر Text وشاهد تغيّر canvas أثناء الكتابة. إن رؤية النتائج فورًا تجعل التجربة آمنة وممتعة.
Text("Hello, SwiftUI!")استئناف المعاينة
قد يتوقف canvas أحيانًا ويعرض زر Resume. انقر عليه لإعادة تشغيل المعاينة بعد تغيير تعذّر تطبيقه مباشرةً.
الوضع التفاعلي
يتيح لك live mode الشبيه بزر التشغيل النقر والتمرير داخل canvas مباشرةً. ويمكنك اختبار الأزرار والإيماءات دون استخدام محاكي.
أجهزة المعاينة
يمكنك توجيه المعاينة إلى device محدد، مثل iPhone SE. ويساعدك ذلك في التحقق من مظهر التخطيط على الشاشات الأصغر.
معاينات متعددة
أضف أكثر من كتلة #Preview لمقارنة الحالات جنبًا إلى جنب، مثل عرض الوضع الفاتح بجانب الوضع الداكن في الوقت نفسه.
لا تُضمَّن المعاينات في التطبيق
تُستخدم شيفرة المعاينة لأغراض development فقط. ولا تُشحن أبدًا إلى المستخدمين، لذا لا تتردد في ملء المعاينات ببيانات تجريبية وهمية.
أسرع من الإنشاء
يُعد canvas أسرع بكثير من عملية إنشاء كاملة. استخدمه كحلقة العمل الرئيسية أثناء التصميم، ولا تلجأ إلى simulator إلا للاختبارات الأعمق.
تحقّق سريعًا
أي كتلة في ملفك تخبر canvas بما يجب عرضه؟
مراجعة
يعرض canvas عنصر العرض مباشرةً عبر كتلة #Preview، ويحدّثه أثناء الكتابة. إنها أسرع طريقة لديك للتصميم والتكرار. 🎨
تعلم Swift مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 30
- الدروس
- 120
الأسئلة الشائعة
هل درس «لوحة المعاينة المباشرة» مجاني؟
نعم — نص درس «لوحة المعاينة المباشرة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة SwiftUI Academy، انتقل إلى CoddyKit PRO. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.
ماذا ستتعلم في «لوحة المعاينة المباشرة»؟
استخدم معاينات Xcode لرؤية تغييرات واجهة المستخدم فوراً تتمرن على SwiftUI Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ SwiftUI Academy؟
لا تُشترط خبرة سابقة. SwiftUI Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «لوحة المعاينة المباشرة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس SwiftUI Academy هذا؟
نعم. كل درس في SwiftUI Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- تثبيت Xcode وإنشاء مشروع
- بنية ملف تطبيق SwiftUI
- لوحة المعاينة المباشرة
- التشغيل على المحاكي والجهاز