Diese Seite wurde von der Cloud Translation API übersetzt.

Class Columns

Im Columns-Widget können bis zu zwei Spalten in einer Karte oder einem Dialogfeld angezeigt werden. Sie können jedem Column Widgets hinzufügen. Die Widgets werden in der Reihenfolge angezeigt, in der sie angegeben sind. Ein Beispiel in Google Chat-Apps finden Sie unter Spalten.

Die Höhe jeder Spalte wird durch die höchste Spalte bestimmt. Wenn die erste Spalte beispielsweise höher als die zweite ist, haben beide Spalten die Höhe der ersten Spalte. Da jede Spalte eine unterschiedliche Anzahl von Widgets enthalten kann, können Sie keine Zeilen definieren oder Widgets zwischen den Spalten ausrichten.

Die Spalten werden nebeneinander angezeigt. Mit dem Feld HorizontalSizeStyle können Sie die Breite jeder Spalte anpassen. Wenn die Bildschirmbreite des Nutzers zu schmal ist, wird die zweite Spalte unter der ersten fortgesetzt:

Im Web wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite 480 Pixel oder weniger beträgt.
Auf iOS-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite 300 pt oder weniger beträgt.
Auf Android-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite 320 dp oder weniger beträgt.

Verfügbar für Google Chat-Apps und Google Workspace-Add-ons. Die Add-on-Benutzeroberflächen, die Spalten unterstützen, sind:

Das Dialogfeld, das angezeigt wird, wenn Nutzer das Add-on über einen E-Mail-Entwurf öffnen.

Das Dialogfeld, das angezeigt wird, wenn Nutzer das Add-on über das Menü Anhang hinzufügen in einem Google Kalender-Termin öffnen.

// 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

Methode	Rückgabetyp	Kurzbeschreibung
`addColumn(column)`	`Columns`	Dem Spalten-Widget wird eine `Column` hinzugefügt.
`setWrapStyle(wrapStyle)`	`Columns`	Legt den Umbruchstil der Spalten fest und steuert, wie sich die Spalte je nach Bildschirmbreite ändert.

Detaillierte Dokumentation

`addColumn(column)`

Dem Spalten-Widget wird eine Column hinzugefügt. Spalten werden in der Reihenfolge angezeigt, in der sie hinzugefügt werden. Sie können bis zu zwei Spalten hinzufügen.

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

Parameter

Name	Typ	Beschreibung
`column`	`Column`	Eine untergeordnete Spalte, die dem Widget „Spalten“ hinzugefügt werden soll.

Rückflug

Columns – dieses Objekt, zur Verkettung

`setWrapStyle(wrapStyle)`

Legt den Umbruchstil der Spalten fest und steuert, wie sich die Spalte je nach Bildschirmbreite ändert.

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

Parameter

Name	Typ	Beschreibung
`wrapStyle`	`WrapStyle`	Der für die Spalten festzulegende Umbruchstil.

Rückflug

Columns – dieses Objekt, zur Verkettung