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. É possível adicionar widgets a cada Column. Eles aparecem na ordem em que são especificados. Para conferir 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, ambas terão a altura da primeira. Como cada coluna pode conter um número diferente de widgets, não é possível definir linhas ou alinhar widgets entre as colunas.

As colunas são mostradas lado a lado. É possível personalizar a largura de cada coluna usando o campo HorizontalSizeStyle. Se a largura da tela do usuário for muito estreita, a segunda coluna será recolhida abaixo da primeira:

Na Web, a segunda coluna é recolhida se a largura da tela for 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 é recolhida se a largura da tela for menor ou igual a 320 dp.

Disponível para apps do Google Chat e complementos do Google Workspace. As interfaces de complemento que oferecem suporte a colunas incluem:

A caixa de diálogo exibida quando os usuários abrem o complemento em um rascunho de e-mail.

A caixa de diálogo mostrada quando os usuários abrem o complemento no menu Adicionar anexo em um evento do Google Agenda.

// 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 "Colunas". As colunas são exibidas na ordem em que foram adicionadas. Você pode adicionar até duas colunas.

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

Parâmetros

Nome	Tipo	Descrição
`column`	`Column`	Uma coluna filha a ser adicionada ao widget "Colunas".

Retornar

Columns: este objeto, para encadeamento.

`setWrapStyle(wrapStyle)`

Define o estilo de união das colunas e controla como elas são redimensionadas 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 união a ser definido para as colunas.

Retornar

Columns: este objeto, para encadeamento.