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

התוספים ל-Google Workspace מבוססים על כרטיסים. תוספים לעורכים מבוססים על HTML.

דוגמה לממשק של כרטיס תוסף ל-Google Workspace.

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

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

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

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

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

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

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

‫Gmail היא אפליקציית המארח היחידה שאפשר להרחיב באמצעות תוספים ל-Google Workspace בנייד.

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

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

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