Das Columns-Widget zeigt bis zu zwei Spalten auf einer Karte oder einem Dialogfeld an. Sie können jedem Column Widgets hinzufügen. Die Widgets werden in der angegebenen Reihenfolge angezeigt. Ein Beispiel in Google Chat-Anwendungen finden Sie unter Spalten.
Die Höhe der einzelnen Spalten wird durch die höhere Spalte bestimmt. Wenn beispielsweise die erste Spalte höher als die zweite Spalte 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.
Spalten werden nebeneinander angezeigt. Mit dem Feld HorizontalSizeStyle lässt sich die Breite der einzelnen Spalten anpassen. Wenn die Bildschirmbreite des Nutzers zu schmal ist, wird die zweite Spalte unter der ersten umgebrochen:
- Im Web wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite maximal 480 Pixel beträgt.
- Auf iOS-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite 300 pt oder kleiner ist.
- Auf Android-Geräten wird die zweite Spalte umgebrochen, wenn die Bildschirmbreite maximal 320 dp beträgt.
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 Zeilenumbruchstil der Spalten fest und steuert, wie die Spaltengröße 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, in der sie hinzugefügt wurden. 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. |
Return
Columns: Dieses Objekt zur Verkettung.
setWrapStyle(wrapStyle)
Legt den Zeilenumbruchstil der Spalten fest und steuert, wie die Spaltengröße basierend auf der Bildschirmbreite angepasst wird.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);
Parameter
| Name | Typ | Beschreibung |
|---|---|---|
wrapStyle | WrapStyle | Der Zeilenumbruchstil, der für die Spalten festgelegt werden soll. |
Return
Columns: Dieses Objekt zur Verkettung.