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

[Rise Company]

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

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

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


cordova plugin add cordova-plugin-splashscreen

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

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

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


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


اعدادات السبلاش سكرين 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" />


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