Class Columns

עמודות

בווידג'ט 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)

הוספה של Column לווידג'ט 'עמודות'. העמודות מוצגות לפי הסדר שבו הם נוספו. אפשר להוסיף עד שתי עמודות.

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn());

פרמטרים

שםסוגתיאור
columnColumnעמודת צאצא להוספה לווידג'ט 'עמודות'.

חזרה

Columns – האובייקט הזה, לשרשור.


setWrapStyle(wrapStyle)

מגדיר את סגנון הגלישת של העמודות, קובע את אופן שינוי הגודל של העמודה על סמך רוחב המסך.

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn())
    .setWrapStyle(CardService.WrapStyle.WRAP);

פרמטרים

שםסוגתיאור
wrapStyleWrapStyleסגנון הגלישת שיש להגדיר לעמודות.

חזרה

Columns – האובייקט הזה, לשרשור.