בווידג'ט 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);
Methods
שיטה | סוג הערך המוחזר | תיאור קצר |
---|---|---|
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
– האובייקט הזה, לצורך קישור.