הדרכה: תפריט Pop-Up

למה זה טוב?

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

השוני שבין תפריט לתפריט הוא דרך פתיחת התפריט, וצורתה. תפריט יכול להיפתח בלחיצת עכבר, או אף במעבר העכבר על המילה "תפריט". התפריט יכול להיפתח מתוך הכפתור שפותח אותו, התפריט גם יכול להופיע מתחתית המסך או סתם כך פתאום - התוצאות מגוונות, אך הדרך דומה.


בלה


אוקיי, הבנתי, איך עושים?

רגע... בלי לחץ! קודם נסביר את ההגיון שמאחורי תפריט שכזה: השימוש העיקרי הוא בכפתור (Symbol מסוג Button), שגורם לסרט (Symbol מסוג Movie Clip) "לרוץ".

הפריים הראשון בסרט הוא בעל action מסוג stop, ומכיל אך ורק את הכפתור ש"פותח" את התפריט. לאותו כפתור יש לצרף action מסוג play בשחרור העכבר, או במעבר העכבר על הכפתור - לבחירתכם ולנחותכם.

בשכבה נוספת, יש לגרום לתפריט "להיפתח", וכמובן לדאוג שהתפריט לא יראה בפריים הראשון. ניתן לעשות זאת ע"י מסיכה (Mask), ע"י הסתרת התפריט בalpha=0, או בכל דרך אחרת. משעשיתם tween כלשהו ופתחתם את התפריט, יש ליצור keyframe נוסף בעל action מסוג stop, בכדי שהסרט יפתח פעם אחת בלבד ולא ייסגר. יש לדאוג, כמובן, שאותו תפריט יכיל את הכפתורים הנחוצים. כעת יש לצרף לכל אחד מהכפתורים את הaction המתאים לו, וכן מומלץ לצרף כפתור "סגור", שבלחיצה עליו "ייסגר" התפריט. "סגירת" התפריט תתבצע ע"י action מסוג play.

כעת יש להוסיף אחרי הkeyframe השני פעולה הפוכה למה שעשינו עד כה - יש להעלים את התפריט בtween לבחירתכם. לkeyframe האחרון (זה שבסוף הtween לסגירת התפריט) יש לצרף action מסוג (go to and stop (1, בכדי שהסרטון יחזור לפריים הראשון, בו התפריט אינו נראה לעין, ומוצג הכפתור אשר פותח את התפריט.

מה?!?!

בעצם, כל מה שעשינו היה Movie Clip קצר עם שלושה Keyframes וTweens ביניהם. בKeyframe היתה פקודת עצירה בכדי שהתפריט יהיה מוסתר כשלא לוחצים עליו, וכן כפתור לפתיחת התפריט. הKeyframe השני היה בעצם התפריט הפתוח עם כל הכפתורים שבו, והTween שבין שני הKeyframes היה הסרט לפתיחת התפריט. לחיצה על כפתור מסויים (או על אחד הכפתורים, או ביצאת העכבר מהתפריט...) בוצעה פקודת Play שמעלימה את התפריט בKeyframe האחרון וחזרה לKeyframe הראשון.

מה?!?!?!?!?!?!?!?!?!?!?!?!
למה להסתבך? לחץ כאן להורדת קובץ דוגמה.

לרשימת ההדרכות המלאה