Columns
小工具會在資訊卡或對話方塊中顯示最多 2 欄。您可以將小工具新增到每個 Column
,小工具會依照指定的順序顯示。如需 Google Chat 應用程式中的範例,請參閱資料欄。
每個欄的高度是由較高欄決定。例如,如果第一欄的高度大於第二欄,則兩個資料欄的高度都是第一欄。由於每個資料欄可能包含不同數量的小工具,因此您無法定義資料列或對齊資料欄之間的小工具。
欄並列顯示。您可以使用 HorizontalSizeStyle
欄位自訂每個資料欄的寬度。如果使用者的螢幕寬度太窄,第二欄會納入第一個欄以下:
- 使用網頁時,如果螢幕寬度小於或等於 480 像素,則會納入第二欄。
- 在 iOS 裝置上,如果螢幕寬度小於或等於 300 pt,則可納入第二欄。
- 在 Android 裝置上,如果螢幕寬度小於或等於 320 dp,則可納入第二欄納入範圍。
適用於 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 | 設定資料欄的包裝樣式,控制資料欄如何根據螢幕寬度調整大小。 |