Esta página foi traduzida pela API Cloud Translation.

Class Columns

O widget Columns exibe até duas colunas em um card ou caixa de diálogo. Você pode adicionar widgets cada Column os widgets aparecem na ordem em que são especificados. Para um exemplo em Apps do Google Chat, consulte Colunas.

A altura de cada coluna é determinada pela coluna mais alta. Por exemplo, se a primeira coluna for mais alta que a segunda coluna, ambas terão a altura da primeira. Como cada pode conter um número diferente de widgets, não é possível definir linhas ou alinhar widgets entre das colunas.

As colunas são exibidas lado a lado. Você pode personalizar a largura de cada coluna usando o HorizontalSizeStyle. Se a largura da tela do usuário for muito estreita, a segunda coluna fica abaixo da primeira:

Na Web, a segunda coluna é unida se a largura da tela é menor ou igual a 480 pixels.
Em dispositivos iOS, a segunda coluna será unida se a largura da tela for menor ou igual a 300 pt.
Em dispositivos Android, a segunda coluna será unida se a largura da tela for menor ou igual a 320 dp.

Disponível nos apps do Google Chat e nos complementos do 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);

Métodos

Método	Tipo de retorno	Breve descrição
`addColumn(column)`	`Columns`	Adiciona um `Column` ao widget Columns.
`setWrapStyle(wrapStyle)`	`Columns`	Define o estilo de ajuste das colunas e controla como a coluna é redimensionada com base na largura da tela.

Documentação detalhada

`addColumn(column)`

Adiciona um Column ao widget Columns. As colunas são exibidas na ordem em que depois de adicionados. É possível adicionar até duas colunas.

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

Parâmetros

Nome	Tipo	Descrição
`column`	`Column`	Uma coluna filho para adicionar ao widget Colunas.

Retornar

Columns: este objeto, para encadeamento.

`setWrapStyle(wrapStyle)`

Define o estilo de ajuste das colunas e controla como a coluna é redimensionada com base na largura da tela.

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

Parâmetros

Nome	Tipo	Descrição
`wrapStyle`	`WrapStyle`	O estilo de ajuste a ser definido para as colunas.

Retornar

Columns: este objeto, para encadeamento.