Class Columns
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
欄
Columns
小工具會在資訊卡或對話方塊中顯示最多 2 欄。您可以新增小工具
各 Column
;小工具會按指定順序顯示如需 Google Chat 應用程式的範例,請參閱「欄」。
每個資料欄的高度取決於較高資料欄。舉例來說,如果第一欄比第二欄高,則兩個欄的高度都會是第一欄的高度。由於每個資料欄可包含不同數量的小工具,因此您無法定義列或在資料欄之間對齊小工具。
這兩欄會並排顯示。您可以使用
「HorizontalSizeStyle
」欄位。如果使用者的螢幕寬度太窄,第二個資料欄會在第一個資料欄下方折行:
- 在網頁上,第二欄會在螢幕寬度小於或等於 480 像素時換行。
- 在 iOS 裝置上,如果螢幕寬度小於或等於 300,第二欄則會換行
第 篇
- 在 Android 裝置上,如果螢幕寬度小於或等於,第二欄則會納入
320 dp。
適用於 Google Chat 應用程式和 Google Workspace 外掛程式。支援的外掛程式 UI
的資料欄包括:
- 使用者從電子郵件草稿開啟外掛程式時顯示的對話方塊。
- 使用者透過視窗的 [新增附件] 選單開啟外掛程式時,
Google 日曆活動。
// 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-09-12 (世界標準時間)。
[{
"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":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-09-12 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-09-12 (世界標準時間)。"]]