提供意見
Class Columns
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
欄
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)
將 Column
新增至「欄」小工具。資料欄會按照新增順序顯示。最多可新增兩欄。
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());
參數
名稱 類型 說明
column
Column
要新增至「欄」小工具的子項欄。
回攻員
Columns
:這個物件用於鏈結。
setWrapStyle(wrapStyle)
設定資料欄的包裝樣式,控制資料欄如何根據螢幕寬度調整大小。
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);
參數
回攻員
Columns
:這個物件用於鏈結。
提供意見
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權 ,程式碼範例則為阿帕契 2.0 授權 。詳情請參閱《Google Developers 網站政策 》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-04-18 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
想進一步說明嗎?