הייפ עבור מחבר iBooks - גלריה

• מאי 18, 2024

במדריך הקודם בנינו גלריה פשוטה ב- Hype לשימוש ב- iBooks^ר מחבר. במדריך זה למחבר Hype for iBooks, נוסיף את האינטראקטיביות והאנימציה שהופכים את יישומוני ה- Hype למעולים ב- iBA.

כעת אנו יכולים להוסיף את הפעולה לחץ על עכבר ללחצני הקודם והבא.

1. בחר בתמונת לחצן 'הקודם'. במפקח הפעולות, לחץ על סמל הפלוס ליד לחיצה על עכבר. הגדר את הפעולה לקפיצה לסצנה. הגדר את הסצינה לסצינה הקודמת. הגדר את המעבר למצב Crossfade ושמור על משך ברירת המחדל.
   
   
2. חזור על הכפתור הבא אך הגדר את הסצינה לסצינה הבאה.
   
   כעת כשיש לנו את הכפתורים, נוכל לשכפל את הסצנה לשלוש התמונות האחרות בגלריה.
   
   
3. לחץ באמצעות לחצן העכבר הימני על הסצנה ובחר סצינה כפולה. חזור פעמיים. שנה את שם הקלעים ל"פריסה 1 "," פריסה 2 "ו"פריסה 3".
   
   בואו נשנה את תמונת ה- iPad עבור כל סצנה חדשה.
   
   
4. בחרו את הסצנה Layout1 ולחצו באמצעות לחצן העכבר הימני על תמונת ה- iPad ובחרו מחק.
   
   
5. השתמש בתפריט האלמנטים כדי לייבא תמונת iPad נוספת. מה- Menubar, לחץ על סידור - שלח לחזרה, כדי להזיז את תמונת ה- iPad מתחת לכפתורים.
   
   
6. חזור על השלב הקודם עבור שתי הסצינות האחרות.
   
   לחץ על סמל התצוגה המקדימה כדי לבדוק את הפרויקט שלך בדפדפן. אם הכל מסתדר, אתה אמור להיות מסוגל לדפדף בגלריה. כעת עלינו לבצע כמה התאמות לכפתורים. נסיר את כפתור ה- Back מהסצנה הראשונה ונחליף את הכפתור הבא בסצנה האחרונה בכפתור Return חדש.
   
   
7. בחר את הסצנה הראשונה. לחץ באמצעות לחצן העכבר הימני על כפתור הקודם ובחר מחק.
   
   
8. עבור לסצנה האחרונה. לחץ באמצעות לחצן העכבר הימני על הכפתור הבא ובחר מחק.
   
   
9. השתמש בתפריט האלמנטים כדי לייבא את כפתור ההחזרה. צמצם את קנה המידה ל- 50% והניח בצד ימין.
   
   כעת עלינו להוסיף פעולה לכפתור ההחזרה שיחזיר את המשתמש לסצנה הראשונה.
   
   
10. בחר בלחצן חזור. במפקח הפעולות, הוסף את הפעולה על לחיצה על עכבר. הגדר את הפעולה לקפיצה לסצנה. הגדר את הסצינה לסצנה הראשונה (חידונים) והמעבר לקרוספייד.
    
    הבה נבחן שוב. אם הכל בסדר, אנו יכולים לייצא לשימוש במחבר ה- iBooks.
    
    
11. מתוך menubar, לחץ על קובץ - ייצא כ- HTML5 - רכיב widget של מחבר לוח המחוונים / iBooks.
    
    

מכסה PSD- מדגם iPad
//www.psdcovers.com/

חזור