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 der einzelnen Spalten 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.
// 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 | Fügt dem Spalten-Widget ein Column hinzu. |
setWrapStyle(wrapStyle) | Columns | Legt den Zeilenumbruch der Spalten fest und steuert, wie die Größe der Spalte basierend auf der Bildschirmbreite angepasst wird. |
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
| Name | Typ | Beschreibung |
|---|---|---|
column | Column | Eine 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
| Name | Typ | Beschreibung |
|---|---|---|
wrapStyle | WrapStyle | Der für die Spalten festzulegende Wrapping-Stil. |
Rückflug
Columns: Dieses Objekt zur Verkettung.