בווידג'ט Columns
מוצגות עד 2 עמודות בכרטיס או בתיבת דו-שיח. אפשר להוסיף ווידג'טים לכל Column
, והווידג'טים מופיעים לפי הסדר שבו הם צוינו. דוגמה לאפליקציות של Google Chat מופיעה בקטע עמודות.
הגובה של כל עמודה נקבע על סמך העמודה הגבוהה יותר. לדוגמה, אם העמודה הראשונה גבוהה מהעמודה השנייה, שתי העמודות יהיו בגובה של העמודה הראשונה. מאחר שכל עמודה יכולה להכיל מספר שונה של ווידג'טים, אי אפשר להגדיר שורות או ליישר ווידג'טים בין העמודות.
העמודות מוצגות זו לצד זו. אפשר להתאים אישית את הרוחב של כל עמודה באמצעות השדה HorizontalSizeStyle
. אם רוחב המסך של המשתמש צר מדי, העמודה השנייה תוצג מתחת לעמודה הראשונה:
- באינטרנט, העמודה השנייה גולשת אם רוחב המסך קטן מ-480 פיקסלים או שווה לו.
- במכשירי iOS, העמודה השנייה מנותבת אם רוחב המסך קטן מ-300pt או שווה לו.
- במכשירי Android, העמודה השנייה מתבצעת אם רוחב המסך הוא 320dp או פחות.
רק באפליקציות של Google Chat ובתוספים ל-Google Workspace. ממשקי המשתמש של התוספים שתומכים בעמודות הם:
- תיבת הדו-שיח שמוצגת כשמשתמשים פותחים את התוסף מתבנית של אימייל.
- תיבת הדו-שיח שמוצגת כשמשתמשים פותחים את התוסף מהתפריט הוספת קובץ באירוע ביומן Google.
// Build a column that is aligned in the center and fills the space: const column = CardService.newColumn() .setHorizontalSizeStyle( CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER); const columns = CardService.newColumns().addColumn(column).setWrapStyle( CardService.WrapStyle.WRAP);
שיטות
שיטה | סוג הערך המוחזר | תיאור קצר |
---|---|---|
addColumn(column) | Columns | הוספה של Column לווידג'ט 'עמודות'. |
setWrapStyle(wrapStyle) | Columns | מגדיר את סגנון הקיפול של העמודות, קובע איך העמודה תשנה את הגודל בהתאם לרוחב המסך. |
תיעוד מפורט
addColumn(column)
setWrapStyle(wrapStyle)
מגדיר את סגנון הקיפול של העמודות, קובע איך העמודה תשנה את הגודל בהתאם לרוחב המסך.
const columns = CardService.newColumns() .addColumn(CardService.newColumn()) .setWrapStyle(CardService.WrapStyle.WRAP);
פרמטרים
שם | סוג | תיאור |
---|---|---|
wrapStyle | WrapStyle | סגנון הקיפול שרוצים להגדיר לעמודות. |
חזרה
Columns
– האובייקט הזה, לצורך קישור.