このページは Cloud Translation API によって翻訳されました。

Class Columns

Columns ウィジェットは、カードまたはダイアログに最大 2 列を表示します。ウィジェットは毎Column。ウィジェットは指定された順序で表示されます。たとえば Google Chat アプリについては、列をご覧ください。

各列の高さは列の高さによって決まります。たとえば、最初の列がが 2 列目より高い場合、どちらの列も 1 列目の高さになります。なぜなら、列に異なる数のウィジェットを含めることができます。また、行を定義したり、ウィジェットを並べたりすることはできません。指定します。

列は並べて表示されます。各列の幅は、 HorizontalSizeStyle フィールド。ユーザーの画面幅が狭すぎる場合、2 列目に次の文をラップします。

ウェブでは、画面幅が 480 ピクセル以下の場合、2 列目が折り返します。
iOS デバイスでは、画面幅が 300 以下の場合、2 番目の列が折り返します。パート
Android デバイスでは、画面幅が次の値以下になると 2 番目の列が折り返します。 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`	列の折り返しスタイルを設定し、画面の幅に基づいて列をどのようにサイズ変更するかを制御します。

詳細なドキュメント

`addColumn(column)`

Column を列ウィジェットに追加します。列は、指定した順序で表示されます。列は 2 つまで追加できます。

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn());

パラメータ

名前	型	説明
`column`	`Column`	Columns ウィジェットに追加する子列。

戻る

Columns - チェーン用のオブジェクト。

`setWrapStyle(wrapStyle)`

列の折り返しスタイルを設定し、画面の幅に応じて列をどのようにサイズ変更するかを制御します。

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn())
    .setWrapStyle(CardService.WrapStyle.WRAP);

パラメータ

名前	型	説明
`wrapStyle`	`WrapStyle`	列に設定する折り返しスタイル。

戻る

Columns - チェーン用のオブジェクト。