Class Columns

Spalten

Das Columns-Widget zeigt bis zu zwei Spalten in einer Karte oder einem Dialogfeld an. Sie können Widgets jeweils Column; werden die Widgets in der angegebenen Reihenfolge angezeigt. Ein Beispiel in Google Chat-Apps (siehe Spalten).

Die Höhe jeder Spalte wird durch die höhere Spalte bestimmt. Wenn beispielsweise die erste Spalte größer als die zweite Spalte ist, haben beide Spalten die Höhe der ersten. Da jedes einzelne kann eine unterschiedliche Anzahl an Widgets enthalten. Sie können keine Zeilen definieren oder Widgets Spalten.

Die Spalten werden nebeneinander angezeigt. Sie können die Breite jeder Spalte mithilfe der HorizontalSizeStyle. Ist die Bildschirmbreite zu schmal, wird in der zweiten Spalte steht unter dem ersten:

  • Im Web wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite kleiner oder gleich 480 Pixel ist.
  • Auf iOS-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite kleiner oder gleich 300 ist. Teil
  • Auf Android-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite kleiner oder gleich 320 dp

Verfügbar für Google Chat-Apps und Google Workspace-Add-ons. Die Add-on-UIs, die Spalten enthalten:

  • Das Dialogfeld, das angezeigt wird, wenn Nutzer das Add-on über einen E-Mail-Entwurf öffnen.
  • Das Dialogfeld wird angezeigt, wenn Nutzer das Add-on über das Menü Anhang hinzufügen in einem Google Kalender-Termin.
// 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);

Methoden

MethodeRückgabetypKurzbeschreibung
addColumn(column)ColumnsFügt dem Spalten-Widget ein Column hinzu.
setWrapStyle(wrapStyle)ColumnsLegt den Umbruchstil der Spalten fest und steuert, wie sich die Spalte je nach Bildschirmbreite ändert.

Detaillierte Dokumentation

addColumn(column)

Fügt dem Spalten-Widget ein Column hinzu. Die Spalten werden in der Reihenfolge angezeigt, hinzugefügt werden. Sie können bis zu zwei Spalten hinzufügen.

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

Parameter

NameTypBeschreibung
columnColumnEine untergeordnete Spalte, die dem Spalten-Widget hinzugefügt werden soll.

Rückflug

Columns: Dieses Objekt zur Verkettung.


setWrapStyle(wrapStyle)

Legt den Zeilenumbruch der Spalten fest und steuert, wie die Größe der Spalte basierend auf der Bildschirmbreite angepasst wird.

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

Parameter

NameTypBeschreibung
wrapStyleWrapStyleDer für die Spalten festzulegende Wrapping-Stil.

Rückflug

Columns – dieses Objekt, zur Verkettung