ציר זמן Flash Catalyst CS5

• מאי 6, 2024

אם אתה כמוני, הכיף מתחיל כשאתה מוסיף את האינטראקציה ליישום שלך. בפלאש האחרון^ר זרז^TM מאמר סקירה של CS5, דנו בדפים / מדינות ליישום האתר שלנו ואמרנו לקטליסט לתכנת את הכפתורים שלנו לעבור מדף אחד לאתר אחר.

נמשיך עם אתר האינטרנט לדוגמא שלנו הכולל רק שלושה עמודים שהם CityView, UnionParkView ו- CentralParkView. עבדנו מעט על הניווט כאשר תכנתנו את הכפתורים שלנו כדי להציג את העמודים הללו. יצרנו את הכפתורים הבאים:

כפתור 1 יציג את דף UnionParkView
כפתור 2 יציג את דף CentralParkView
כפתור 3 יציג את דף CityView

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

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

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

מתחיל כאן
נוף של עיר
נוף של עיר
UnionParkView
CentralParkView

מסתיים כאן
UnionParkView
CentralParkView
נוף של עיר
נוף של עיר

העמודה השנייה של ציר הזמן מציגה את מצב ההתחלה. כאשר אנו לוחצים על כל שכבה בציר הזמן, Catalyst יציג את העמוד הפעיל (הדף אותו אנו צופים כעת) בראש העמודה השנייה. לדוגמא, בשכבה הראשונה אנו עוברים מדף CityView לדף UnionParkView. לכן CityView רשומה כמדינה המתחילה. אך בשכבה התחתונה, אנו עוברים מ- CentralParkView ל- CityView והדף CentralParkView יוצג בעמודה זו.

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

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

* Adobe סיפקה לי עותק סקירה ללא עלות.

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.