Cordova - Splash Screen كوردوفا - شاشة سبلاش الترحيبية او المؤقتة

Cordova - Splash Screen كوردوفا - شاشة سبلاش الترحيبية او المؤقتة

يتم استخدام هذا المكون الإضافي لعرض شاشة البداية عند تشغيل التطبيق.

الخطوة 1 - تثبيت برنامج Splash Screen Plugin

يمكن تثبيت المكون الإضافي Splash screen في نافذة موجه الأوامر عن طريق تشغيل الكود التالي.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

الخطوة 2 - إضافة شاشة سبلاش

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

المقتطف الأول هو SplashScreen . لها خاصية القيمة وهي اسم الصور في النظام الأساسي / android / res / drawable - المجلدات. تقدم كوردوفا صور screen.png الافتراضية التي نستخدمها في هذا المثال ، ولكنك قد ترغب في إضافة صورك الخاصة. الشيء المهم هو إضافة صور للعرض الرأسي والأفقي وأيضًا لتغطية أحجام الشاشة المختلفة.

<preference name = "SplashScreen" value = "screen" />

المقتطف الثاني الذي نحتاج إلى إضافته هو SplashScreenDelay . نقوم بتعيين القيمة إلى 3000 لإخفاء شاشة البداية بعد ثلاث ثوانٍ.

<preference name = "SplashScreenDelay" value = "3000" />

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

<preference name = "SplashMaintainAspectRatio" value = "true" />

الآن عندما نقوم بتشغيل التطبيق ، سنرى شاشة البداية.