على نظام iOS ، تظهر شاشة التشغيل أو شاشة البداية بسرعة أثناء تشغيل التطبيق ؛ ويتم استبدالها بسرعة بالصفحة الرئيسية لتطبيقنا. الغرض الرئيسي من شاشة التشغيل / البداية هو السماح للمستخدم بمعرفة أن التطبيق يتم تحميله وستظهر شاشة البداية فور انتهاء تحميل التطبيق ؛ يختفي.

بشكل عام ، تغطي صفحة الإطلاق / البداية الصفحة بأكملها ، فمن الأفضل عرض تفاصيل علامتك التجارية في شكل صورة ، كما هو موضح أدناه.

من الأفضل استخدام شاشة التشغيل / البداية لجميع التطبيقات ؛ حتى لو استغرق الأمر بعض الوقت لبدء تشغيل الصفحة الرئيسية للبرنامج.

أحجام شاشة البداية / بدء تشغيل iOS

كما ذكرنا ؛ تغطي شاشة البداية / التشغيل الشاشة بأكملها ، لذا يجب أن يتغير حجم شاشة التشغيل بناءً على أجهزة Apple المختلفة. لحل هذه المشكلة ، نحتاج إلى توفير صور ذات أحجام مختلفة لأجهزة مختلفة. يوضح الجدول أدناه أحجام الصور المطلوبة لكل جهاز.

الآن ، بذكر مثال ، سنرى كيفية إضافة صفحة التشغيل إلى تطبيقاتنا السريعة باستخدام لوحة القصة Xcode.

إنشاء تطبيق شاشة تشغيل iOS بلغة Swift

لإنشاء مشروع جديد في Xcode على iOS ، افتح Xcode من مجلد التطبيقات. بعد فتح Xcode ، ستفتح نافذة الترحيب كما هو موضح أدناه. في نافذة الترحيب ، على الخيار الثاني وهو "إنشاء مشروع Xcode جديد" ؛ انقر (إنشاء مشروع Xcode جديد) أو حدد مسار ملف مشروع جديد.

بعد تحديد "إنشاء مشروع Xcode جديد" ، ستفتح نافذة جديدة حيث يجب أن نختار نموذجنا.

تشتمل نافذة Xcode الجديدة على العديد من قوالب التطبيقات المضمنة لتنفيذ الأنواع الشائعة من تطبيقات iOS ، مثل التطبيقات المستندة إلى الصفحة والتطبيقات المستندة إلى علامات التبويب والألعاب وتطبيقات عرض علامات التبويب والمزيد. تحتوي هذه القوالب على واجهة محددة مسبقًا وملفات التعليمات البرمجية المصدر. .

على سبيل المثال ، صفحة التشغيل في iOS ، نستخدم قالب البرنامج الأساسي ، وهو "برنامج العرض التوضيحي فقط" ؛ سوف نستخدم لتحديد هذا العنصر ، انتقل إلى قسم iOS على اليسار ، وحدد البرنامج من قسم تحديد التطبيق ، وفي القسم الرئيسي من النافذة المفتوحة ، حدد "تطبيق عرض واحد" وانقر على الزر التالي كما هو موضح في الصورة أدناه.

بعد النقر فوق التالي ، سنرى نافذة مثل النافذة أدناه ، وفي هذه الحالة نحتاج إلى ذكر اسم المشروع والتفاصيل الأخرى لتطبيقنا.

اسم المنتج: "Launch Screen in iOS"

يتم استخدام الاسم الذي ندخله في قسم "اسم المنتج" للمشروع والبرنامج.

اسم المنظمة: "Tutlane"

يمكنك إدخال اسم المنظمة أو اسمك في هذا المجال ؛ بالطبع ، يمكنك ترك هذا القسم فارغًا.

معرّف المنظمة: "com.developersociety)"

إذا لم يكن لديك معرف مؤسسة ، فأدخل com.example.

معرف الحزمة: يتم إنشاء هذا القسم تلقائيًا بناءً على الشروط التي أدخلناها في اسم المنتج ومعرف المؤسسة.

اللغة: "سويفت"

حدد نوع اللغة "Swift" لأننا سنقوم بتطوير التطبيقات باستخدام سويفت.

عالمي (الأجهزة): "عالمي"

حدد خيار الأجهزة كـ Universal وهذا يعني أن هذا التطبيق مخصص لجميع أجهزة Apple ؛ إذا كنت بحاجة إلى تشغيل التطبيق لجهاز iPad فقط ، فيمكنك تحديد خيار iPad لتقييد تطبيقك للتشغيل على أجهزة iPad فقط.

استخدام البيانات الأساسية: غير محدد

يستخدم هذا الخيار لعمليات قاعدة البيانات. حدد هذا الخيار إذا كنت تقوم بتنفيذ أي عمليات متعلقة بقاعدة البيانات في التطبيق الخاص بك وإلا فلا تحدد الخيار.

تضمين اختبار الوحدة: لم يتم التحديد

حدد هذا الخيار إذا كنت بحاجة إلى اختبارات وحدة لتطبيقك ، وإلا اتركه بدون تحديد.

بما في ذلك اختبارات واجهة المستخدم: لم يتم التحديد

حدد هذا الخيار إذا كنت بحاجة إلى اختبارات واجهة المستخدم لتطبيقك ، وإلا فلا تحدده.

بعد الانتهاء من الخيارات اضغط على زر التالي كما هو موضح في الصورة أدناه.

عندما نضغط على زر التالي ؛ سيتم فتح نافذة جديدة ، والتي يجب استخدامها لحفظ المشروع الجديد في هذا القسم ؛ دعنا نختار عندما تختار موقع التخزين الخاص بالمشروع الجديد ؛ كما هو مبين أدناه؛ انقر فوق الزر "إنشاء".

بعد النقر فوق الزر "إنشاء" ، سيتم فتح Xcode وإنشاء مشروع جديد. في مشروعنا ، يعد Main.storyboard و ViewController.swift الملفات الرئيسية المستخدمة لتصميم واجهة المستخدم والحفاظ على كود المصدر.

Main.storyboard - وهو محرر الواجهة المرئية ويستخدم هذا الملف لتصميم واجهة المستخدم الخاصة بالتطبيق.

ViewController.swift - والتي تحتوي على الكود المصدري لتطبيقنا ونستخدم هذا الملف لكتابة أي كود متعلق بتطبيقنا.

حدد الآن ملف Main.storyboard في المشروع ، وسيفتح Xcode محرر الواجهة المرئية كما هو موضح أدناه.

افتح الآن ملف ViewCntroller.swift في مشروعك والذي يبدو مشابهًا لما يلي:

لإضافة صورة إطلاق إلى التطبيق ؛ نحتاج إلى إنشاء التكوينات المطلوبة في ملف LaunchScreen.storyboard المماثل أدناه.

الآن قم بتنزيل صورة بسيطة من الإنترنت واسحب وأفلت الصورة كما هو موضح أدناه في مشروعك.

إضافة عناصر تحكم واجهة مستخدم تطبيق iOS إلى الشاشة في Swift

الآن علينا الذهاب إلى تطبيقنا ؛ أضف عناصر تحكم. لهذا الغرض ، تحتاج إلى فتح مكتبة الكائنات. تظهر مكتبة الكائنات في الجزء السفلي من Xcode على اليمين. إذا لم تجد مكتبة الكائنات ، كما هو موضح أدناه ؛ انقر فوق الزر وهو الزر الثالث من اليسار في شريط اختيار المكتبة. (بدلاً من ذلك ، يمكنك اختيار عرض الأدوات المساعدة إظهار مسار مكتبة الكائنات).

كما ذكرنا ؛ واجهة المستخدم الخاصة بنا هي ملف Main.storyboard ، لذا افتح ملف Main.storyboard. ابحث الآن عن عرض التقدم في مربع التصفية في مكتبة الكائنات ثم اسحب عرض التقدم إلى ViewController في Main.storyboard ؛ بنفس الطريقة على النحو التالي ؛ نحتاج إلى إضافة عناصر تحكم التسمية وشريط الأدوات إلى ViewController.

افتح الآن ملف Main.storyboard وابحث عن زر في قسم عامل التصفية في مكتبة الكائنات. ثم اسحب الزر إلى ViewController في Main.storyboard ؛ السحب والإفلات. ثم انقر فوق الزر وأطلق عليه اسم "شاشة التشغيل" كما هو موضح أدناه.

الآن نقوم بتشغيل البرنامج والتحقق من مخرجاته. لتشغيل البرنامج ؛ حدد المحاكي المطلوب (في هذا القسم ، اخترنا iPhone 6S Plus) وانقر فوق الزر تشغيل ، وهو مشابه للمحاكي الموجود أدناه في الزاوية اليسرى العليا من شريط أدوات Xcode.

إخراج برنامج Launchpad في Swift

فيما يلي يمكنك رؤية نتيجة تشغيل برنامج الشاشة بسرعة. عندما نقوم بتشغيل البرنامج ؛ إذا كان التطبيق يستغرق وقتًا طويلاً للتحميل ؛ ستظهر شاشة بدء تشغيل مشابهة للشاشة أدناه.

بهذه الطريقة ، يمكننا أثناء إطلاق البرنامج ؛ حسب احتياجاتنا. استخدم صفحة تشغيل ios في برامج سويفت.