カード セクションは、ウィジェットのグループを保持し、ウィジェットを視覚的に分離します。
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 | このセクションを閉じても表示されるウィジェットの数を設定します。 |
詳細なドキュメント
add Widget(widget)
指定したウィジェットをこのセクションに追加します。ウィジェットは、追加された順に表示されます。カード セクションに追加できるウィジェットは 100 個までです。
パラメータ
名前 | 型 | 説明 |
---|---|---|
widget | Widget | セクションに追加するウィジェット。 |
戻る
Card
- チェーン用のこのオブジェクト。
set Collapse Control(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 | 閉じるコントロールの設定。 |
戻る
Card
- チェーン用のこのオブジェクト。
set Collapsible(collapsible)
set Header(header)
set Num Uncollapsible Widgets(numUncollapsibleWidgets)
このセクションを閉じても表示されるウィジェットの数を設定します。表示されるウィジェットは、常に最初に追加されたウィジェットです。
パラメータ
名前 | 型 | 説明 |
---|---|---|
num | Integer | 表示するウィジェットの数。 |
戻る
Card
- チェーン用のこのオブジェクト。