آموزش Splash Screen در برنامه نویسی آیونیک

3 سال پیش

آموزش Splash Screen در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش Splash Screen در برنامه نویسی آیونیک خواهیم پرداخت.

هر برنامه تلفن همراه به یک آیکون و Splash Screen نیاز دارد. آیونیک برای افزودن آن راه حل بسیار خوبی ارائه می دهد و برای توسعه دهندگان به حداقل کار نیاز دارد. برش و تغییر اندازه در سرور Ionic به صورت خودکار انجام می شود.

اضافه کردن Splash Screen آیکون

در درس های قبلی، ما در مورد چگونگی افزودن سیستم عامل های مختلف برای برنامه Ionic بحث کرده ایم. با افزودن یک سیستم عامل ، آیونیک افزونه Cordova splash screen را برای آن سیستم عامل نصب خواهد کرد بنابراین پس از آن نیازی به نصب چیزی نداریم. تنها کاری که باید انجام دهیم یافتن دو تصویر است.

تصاویر باید دارای پرونده های png ، psd یا ai باشد. حداقل ابعاد باید ۱۹۲×۱۹۲ برای تصویر آیکون و ۲۲۰۸ ۲۲۰ ۲۲۰۸ برای تصویر صفحه پاششی باشد. این ابعاد همه دستگاه ها را پوشش می دهد. در مثال ما ، برای هر دو از یک تصویر یکسان استفاده خواهیم کرد. تصاویر باید به جای موارد پیش فرض در پوشه منابع ذخیره شوند. پس از پایان کار ، تمام آنچه که ما نیاز داریم این است که موارد زیر را در پنجره خط فرمان اجرا کنیم.

C:\Users\Username\Desktop\MyApp>ionic resources

 

اکنون ، اگر پوشه های resources/android یا resources/iosرا بررسی کنید، خواهید دید که تصاویری که قبلاً اضافه کرده ایم تغییر سایز داده شده و متناسب با اندازه های مختلف صفحه نمایش بریده می شوند. وقتی برنامه خود را بر روی دستگاه اجرا می کنیم ، قبل از شروع برنامه یک صفحه پاششی خواهیم دید و خواهیم دید که یک آیکون پیش فرض آیونیک تغییر می کند.

Ionic Cordova Splash Screen

Ionic Cordova Icon

 

توجه – اگر می خواهید از تصاویر مختلفی برای Android و iOS استفاده کنید ، می توانید آن را به جای پوشه منابع به resources/android و resources/ios اضافه کنید.

 

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

  1. آموزش برنامه نویسی آیونیک
  2. نگاهی کلی به آموزش برنامه نویسی آیونیک
  3. آموزش تنظیمات محیطی در برنامه نویسی آیونیک
  4. آموزش رنگ ها در برنامه نویسی آیونیک 
  5. آموزش ایجاد محتوا در برنامه نویسی آیونیک
  6. آموزش هدر در برنامه نویسی آیونیک
  7. آموزش فوتر در برنامه نویسی آیونیک 
  8. آموزش دکمه ها در برنامه نویسی آیونیک
  9. آموزش لیست ها در برنامه نویسی آیونیک
  10. آموزش کارت ها در برنامه نویسی آیونیک
  11. آموزش فرم ها در برنامه نویسی آیونیک
  12. آموزش Toggle در برنامه نویسی آیونیک
  13. آموزش چک باکس در برنامه نویسی آیونیک
  14. آموزش دکمه های رادیویی در برنامه نویسی آیونیک
  15. آموزش محدوده در برنامه نویسی آیونیک
  16. آموزش Select در برنامه نویسی آیونیک
  17. آموزش زبانه ها در برنامه نویسی آیونیک
  18. آموزش شبکه در برنامه نویسی آیونیک
  19. آموزش آیکون ها در برنامه نویسی آیونیک
  20. آموزش پدینگ در برنامه نویسی آیونیک
  21. آموزش صفحه اقدام جاوا اسکریپت در برنامه نویسی آیونیک
  22. آموزش محتوای جاوا اسکریپت در برنامه نویسی آیونیک
  23. آموزش فرم های جاوا اسکریپت در برنامه نویسی آیونیک
  24. آموزش رویدادهای جاوا اسکریپت در برنامه نویسی آیونیک
  25. آموزش هدر جاوا اسکریپت در برنامه نویسی آیونیک
  26. آموزش فوتر جاوا اسکریپت در برنامه نویسی آیونیک
  27. آموزش صفحه کلید جاوا اسکریپت در برنامه نویسی آیونیک
  28. آموزش لیست جاوا اسکریپت در برنامه نویسی آیونیک
  29. آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک
  30. آموزش Modal جاوا اسکریپت در برنامه نویسی آیونیک
  31. آموزش پیمایش جاوا اسکریپت در برنامه نویسی آیونیک
  32. آموزش Popover جاوا اسکریپت در برنامه نویسی آیونیک
  33. آموزش پاپ آپ جاوا اسکریپت در برنامه نویسی آیونیک
  34. آموزش پیمایش جاوا اسکریپت در برنامه نویسی آیونیک
  35. آموزش منوی جانبی جاوا اسکریپت در برنامه نویسی آیونیک
  36. آموزش جعبه اسلاید جاوا اسکریپت در برنامه نویسی آیونیک
  37. آموزش تب های جاوا اسکریپت در برنامه نویسی آیونیک
  38.  آموزش ادغام Cordova در برنامه نویسی آیونیک
  39. آموزش Cordova AdMob در برنامه نویسی آیونیک
  40. آموزش  دوربین Cordova در برنامه نویسی آیونیک
  41. آموزش فیس بوک در برنامه نویسی آیونیک
  42. آموزش Cordova InAppBrowser در برنامه نویسی آیونیک
  43. آموزش Cordova Native Audio در برنامه نویسی آیونیک
  44. آموزش موقعیت جغرافیایی در برنامه نویسی آیونیک
  45. آموزش رسانه Cordova در برنامه نویسی آیونیک

 

0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه