PracticU

הגדרת מסך פתיחה - Splash Screen

בלי כתוביותעם כתוביות
PracticU › קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון › הגדרת מסך פתיחה - Splash Screen
מילון מושגים:
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
תיקייה - מכל במערכת הקבצים שמשמש לארגון קבצים ותיקיות אחרות בתוך מבנה היררכי.

הגדרת מסך פתיחה - Splash Screen
בשיעור לומדים לשנות את מסך הפתיחה (Splash Screen) של האפליקציה, שמופיע בעת עליית האפליקציה. מסך הפתיחה בדוגמה הוא תמונה של הלוגו של Cordova ו-PhoneGap.
השלבים העיקריים
1. איתור הקובץ: בתיקיית הפרויקט יש קובץ בשם splash screen image.jpg, והוא מה שמוצג בעת העלייה.
2. החלפת התמונה: מעתיקים תמונה חדשה באותו גודל, מוחקים את הקובץ הישן ומשנים את שם החדשה לשם המקורי, כולל הסיומת.
3. בדיקה: מריצים את האפליקציה ורואים שהתמונה החדשה מופיעה בעלייה.
4. ביטול מסך הפתיחה: מסמנים את הקובץ ובוחרים exclude from project. הקובץ נשאר בתיקייה אבל אינו חלק מהפרויקט, והאפליקציה עולה בלי מסך פתיחה.
5. החזרה: מציגים את כל הקבצים בפרויקט, ובוחרים include in project לקובץ.
שימו לב
מידות התמונה חייבות להיות 480 על 800 פיקסלים. סיומות הקבצים צריכות להיות גלויות בסייר הקבצים, כי מתכנתים צריכים לראות אותן.
בסיום השיעור יש בידיכם דרך לקבוע את תמונת מסך הפתיחה, או לבטל אותה לגמרי.
השיעור הבא בקורס: יצירת אפליקציה עם חיבור למסד נתונים

פרקי ההרצאה: הגדרת מסך פתיחה - Splash Screen

  1. 00:00

    מהו Splash Screen

  2. 00:40

    קובץ SplashScreen והמידות הנדרשות

  3. 01:23

    החלפת תמונת הפתיחה

  4. 02:02

    הצגת סיומות קבצים

תמלול ההרצאה: הגדרת מסך פתיחה - Splash Screen

הטקסט המלא של הדקות הראשונות בהרצאה «הגדרת מסך פתיחה - Splash Screen» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:01

    אנחנו עוברים לראות איך אנחנו יכולים לשנות את הספלאש סקרין של האפליקציה שלנו. מה זה ספלאש סקרין? ספלאש סקרין זה בעצם מסך ראשוני שמופיע איך שהאפליקציה עולה.

  2. 00:15

    בואו רגע נריץ את האפליקציה שיש לנו כרגע שהיא ריקה לגמרי ושימו לב על המסך הזה בדיוק שראיתם שמתחלף. בואו תסתכלו עליו עוד פעם, זה. זה המסך של, זה בעצם איזושהי תמונה שזה הסמל של קורדובה, של פונגה.

  3. 00:34

    אז אנחנו יכולים עכשיו לשנות את הדבר הזה וזה דווקא די פשוט בואו נסתכל איך זה מתבצע. אם אנחנו מסתכלים על הקבצים שנמצאים בסלושן אקספלורר אנחנו רואים שיש פה קובץ שנקרא splash screen image.jpg וזה בדיוק הקובץ שראינו.

  4. 00:54

    הממדים שלו חייבים להיות 480 רוחב על 800 פיקסלים גובה. זה בדיוק הממדים של הקובץ הזה. כל מה שאנחנו צריכים לעשות זה לגשת ולהחליף אותו.

  5. 01:06

    אז בואו קודם כל ניגש לסייר הקבצים Pictures והכנתי פה איזשהו קובץ אחר שבדיוק בממדים שלו. בואו נבצע קופי, נלך ונאתר את האפליקציה הנוכחית שלנו, נמצא ב-Slash Screen, נדביק את הקובץ, ניגש לקובץ המקורי, אני אעתיק לו את השם,

  6. 01:43

    כולל השיאומט, Control-C, ניגש וקודם כל נמחק את הקובץ הזה ונשנה את השם לתמונה שהגדרנו כולל הסיומת. עכשיו שימו לב שאני כרגע רואה אצלי במחשב את הסיומות של הקבצים ואתם גם אמורים לראות את הסיומות של הקבצים כי אתם נחשבים מתכנתים ומתכנתים צריכים לראות סיומות של קבצים.

  7. 02:13

    אם אתם לא רואים סיומות של קבצים אצלכם במחשב נא לגשת ל-view ולסמן כאן file name

לקורס המלא: קורס PhoneGap אונליין

ההרצאה הקודמת: הגדרות כלליות במכשיר - Globalization

ההרצאה הבאה: יצירת אפליקציה עם חיבור למסד נתונים

הרצאות קשורות מקורסים אחרים

  • אובייקט Screen
  • תרשים מעברי מסך
  • כתיבת טסטים - צילום מסך
  • פתיחה ופענוח טוקן - Decoding the Token

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון