ממשקים מבוססי כרטיסים

כרטיס תוסף לדוגמה

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

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

הכרטיסים יכולים להיות לא תלויי הקשר או תלויי הקשר. כרטיסים הקשריים מוצגים למשתמש כשאפליקציית המארח נמצאת בהקשר ספציפי. לדוגמה, כשפותחים הודעה ב-Gmail או אירוע ביומן. כרטיסים לא תלויי-הקשר (כמו דפי בית) מוצגים למשתמש מחוץ להקשר ספציפי של המארח. לדוגמה, כשהמשתמש צופה בתיבת הדואר הנכנס שלו ב-Gmail, בתיקייה הראשית ב-Drive או ביומן.

תוספים ל-Google Workspace שנבנו ב-Apps Script משתמשים בשירות הכרטיסים כדי ליצור ממשקי משתמש מכרטיסים. תוספים שנבנו בשפות אחרות צריכים להחזיר JSON בפורמט תקין כדי שהממשק יוצג ככרטיסים.

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

לממשקים מבוססי-כרטיסים יש את היתרונות הבאים:

  • כדי ליצור ממשקים מבוססי-כרטיסים לא צריך ידע ב-HTML או ב-CSS.
  • הכרטיסים והווידג'טים מעוצבים אוטומטית כדי להתאים לאפליקציות של Google Workspace שהם מרחיבים.

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

יצירת ממשקים מבוססי-כרטיסים

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

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