資訊卡區塊會保留小工具群組,並在小工具之間提供視覺分隔。
適用於 Google Workspace 外掛程式和 Google Chat 應用程式。
const image = CardService.newImage(); // Build image ... const textParagraph = CardService.newTextParagraph(); // Build text paragraph ... const cardSection = CardService.newCardSection() .setHeader('Section header') .addWidget(image) .addWidget(textParagraph);
方法
| 方法 | 傳回類型 | 簡短說明 |
|---|---|---|
add | Card | 將指定的小工具新增至這個部分。 |
set | Card | 設定可自訂的區段展開和收合按鈕。 |
set | Card | 設定是否可收合區段。 |
set | Card | 設定區段的標頭。 |
set | Card | 設定指派的專屬 ID,用於識別要變動的區段。 |
set | Card | 設定這個部分收合時仍會顯示的小工具數量。 |
內容詳盡的說明文件
addWidget(widget)
將指定的小工具新增至這個部分。小工具會按照新增順序顯示。一個資訊卡區塊最多只能加入 100 個小工具。
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
widget | Widget | 要新增至區段的小工具。 |
回攻員
CardSection - 這個物件,用於鏈結。
setCollapseControl(collapseControl)
設定區段可自訂的展開和收合按鈕。只有在可收合的區段中,才會顯示這些按鈕。如未設定這個欄位,系統會使用預設按鈕。
適用於 Google Chat 應用程式。Google Workspace 外掛程式的開發人員預覽版。
const collapseButton = CardService.newTextButton() .setTextButtonStyle(CardService.TextButtonStyle.BORDERLESS) .setText('show less'); const expandButton = CardService.newImageButton() .setImageButtonStyle(CardService.ImageButtonStyle.FILLED) .setMaterialIcon(CardService.newMaterialIcon().setName('bug_report')); const collapsibleSection = CardService.newCardSection() .setCollapsible(true) .setNumUncollapsibleWidgets(1) .setCollapseControl( CardService.newCollapseControl() .setHorizontalAlign(CardService.HorizontalAlignment.CENTER) .setCollapseButton(collapseButton) .setExpandButton(expandButton), );
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
collapse | Collapse | 收合控制項設定。 |
回攻員
CardSection - 這個物件,用於鏈結。
setCollapsible(collapsible)
setHeader(header)
setId(id)
設定指派的專屬 ID,用於識別要變動的區段。只有外掛程式支援區段突變。
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
id | String | 區段 ID,最多 64 個字元,格式為 `[a-zA-Z0-9-]+`。 |
回攻員
CardSection - 這個物件,用於鏈結。
setNumUncollapsibleWidgets(numUncollapsibleWidgets)
設定這個部分收合時仍會顯示的小工具數量。顯示的小工具一律是新增的第一個小工具。
參數
| 名稱 | 類型 | 說明 |
|---|---|---|
num | Integer | 要顯示的小工具數量。 |
回攻員
CardSection - 這個物件,用於鏈結。