בווידג'ט Columns מוצגות עד 2 עמודות בכרטיס או בתיבת דו-שיח. אפשר להוסיף ווידג'טים לכל Column. הווידג'טים מופיעים לפי הסדר שבו צוינו. ראו דוגמה באפליקציות של Google Chat בקטע עמודות.
הגובה של כל עמודה נקבע לפי העמודה הגבוהה יותר. לדוגמה, אם העמודה הראשונה גבוהה מהעמודה השנייה, בשתי העמודות יהיה הגובה של העמודה הראשונה. מכיוון שכל עמודה יכולה להכיל מספר שונה של ווידג'טים, לא ניתן להגדיר שורות או ליישר ווידג'טים בין העמודות.
העמודות מוצגות זו לצד זו. אפשר להתאים אישית את הרוחב של כל עמודה באמצעות השדה HorizontalSizeStyle. אם רוחב המסך של המשתמש צר מדי, העמודה השנייה תיעטף מתחת לעמודה הראשונה:
- באינטרנט, העמודה השנייה גולשת אם רוחב המסך קטן מ-480 פיקסלים או שווה לו.
- במכשירי iOS, העמודה השנייה גולשת אם רוחב המסך קטן מ-300 נק' או שווה לו.
- במכשירי Android, העמודה השנייה תיגלש אם רוחב המסך קטן מ-320dp או שווה לו.
אפשר להשתמש בהן באפליקציות של Google Chat ובתוספים של Google Workspace.
// 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 – האובייקט הזה, לשרשור.