الشاشة الافتتاحية Phone Gap - Cordova | Splash Screen

عمل الشاشة الافتتاحية Phone Gap - Cordova Splash Screen
السبلاش سكرين فى الكوردوفا و الفون جاب Phone Gap / Cordova

السبلاش سكرين مفعل بشكل تلقائى فى الفون جاب و ليست مفعله فى الكوردوفا و لتفعيها يكون من خلال تثبيت بلوجن

اكتب الامر التالى :

كود:

---

cordova plugin add cordova-plugin-splashscreen

---

بعد التثبيت ستجد ان الشاشة الافتتاحية تعمل بشكل تلقائى باستخدام الصور الافتراضية لها و لتعديل تلك الصور
من خلال هذا المسار : C:\riseapp\risecordova\app1\platforms\android\res
ستجد بداخله الصور الراسية و الافقية و فى نهاية الملفات الايقونات الخاصة بالبرنامج

تعريف و اهمية السبلاش سكرين Splash Screen :

هى نافذة تظهر فى بداية اقلاع التطبيق تحتوى عادة على شعار التطبيق واهميتها :

• التعريف بشعار التطبيق و رقم اصداره
  
• الاستعاضة عن الشاشة السوداء التى تظهر عند تشغيل التطبيق غير الموجود فى الخلفية بواجهة جميلة و مفيدة
  
• تحميل البيانات اثناء ظهور الشاشة الافتتاحية بدلا من تحميلها اثناتفاعل المستخدم مع التطبيق

اعدادات السبلاش سكرين Splash Screen :

https://www.youtube.com/watch?v=cJifCPgRg4w
انتقل الى الدقيقه 7:30 اذا كنت على علم باعدادات ملف الكونفج

الكود داخل الفيديو :

كود:

---

//cordova plugin add cordova-plugin-splashscreen
<platform name="android">
    <!-- you can use any density that exists in the Android project -->
    <splash src="www/res/screen/android/drawable-land-hdpi/screen.png" density="land-hdpi"/>
    <splash src="www/res/screen/android/drawable-land-ldpi/screen.png" density="land-ldpi"/>
    <splash src="www/res/screen/android/drawable-land-mdpi/screen.png" density="land-mdpi"/>
    <splash src="www/res/screen/android/drawable-land-xhdpi/screen.png" density="land-xhdpi"/>

    <splash src="www/res/screen/android/drawable-port-hdpi/screen.png" density="port-hdpi"/>
    <splash src="www/res/screen/android/drawable-port-ldpi/screen.png" density="port-ldpi"/>
    <splash src="www/res/screen/android/drawable-port-mdpi/screen.png" density="port-mdpi"/>
    <splash src="www/res/screen/android/drawable-port-xhdpi/screen.png" density="port-xhdpi"/>
</platform>
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />

---

جميع الاكواد فى المرفقات