Skip to main content
Flowstep יכול להפוך את המסכים בקובץ לאב-טיפוס שניתן ללחוץ עליו. לחץ על Preview בסרגל הכלים של העורך ו-Flowstep פותח נגן אב-טיפוס בתצוגה מלאה של עמוד שבו אתה יכול ללחוץ דרך הזרימה שלך — שימושי לבדיקת חוויית משתמש או הצגתה לבעלי עניין.

פתח אב-טיפוס

1

לחץ על Preview

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

תן ל-Flowstep לקשר את המסכים שלך

אם לקובץ שלך יש שני מסכים או יותר, Flowstep קושר אוטומטית רכיבים אינטראקטיביים — כפתורים, כרטיסיות, פריטי תפריט — למסכי היעד שלהם כשאתה פותח את התצוגה המקדימה (תראה “Bringing your screens to life” בזמן שזה עובד). קישורים מופקים מחדש רק כשהמסכים שלך השתנו מאז ההרצה האחרונה.
3

לחץ דרך הזרימה שלך

לחץ על כל רכיב קשור — כפתור, כרטיסייה, פריט תפריט — כדי לנווט למסך היעד שלו. הסרגל הצדדי מפרט את כל המסכים בקובץ כך שאתה יכול לקפוץ לכל אחד מהם ישירות, ו-Back to editor מחזיר אותך לקובץ.
קישור אוטומטי דורש לפחות שני מסכים בקובץ. אם קישור הדור נכשל, השתמש בכפתור Retry בנגן.

הגדר ניווט ידנית

אתה יכול לשלוט בדיוק לאן רכיב מנווט:
  1. בעורך, בחר את הרכיב (לדוגמה, כפתור).
  2. פתח את לוח Navigation בלוח המאפיינים בצד ימין.
  3. בחר מסך יעד מהתפריט הנפתח — או בחר No navigation כדי להסיר את הקישור.
כדי להפסיק את הקישור האוטומטי של Flowstep מלהחליף קישור שהגדרת בעצמך, לחץ על Lock link בלוח הניווט. קישורים נעולים נותרים ללא נגיעה כשקישורים מופקים מחדש.

בקרות אינטראקטיביות

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