Questa pagina è stata tradotta dall'API Cloud Translation.

Class Columns

Il widget Columns mostra fino a due colonne in una scheda o in una finestra di dialogo. Puoi aggiungere widget a ogni Column; i widget vengono visualizzati nell'ordine specificato. Per un esempio in Per le app Google Chat, vedi Colonne.

L'altezza di ogni colonna è determinata dalla colonna più alta. Ad esempio, se la prima colonna è più alta della seconda colonna, entrambe le colonne hanno l'altezza della prima colonna. Poiché ogni colonna può contenere un numero diverso di widget, non puoi definire righe o allineare i widget tra le colonne.

Le colonne vengono visualizzate una accanto all'altra. Puoi personalizzare la larghezza di ogni colonna utilizzando il metodo Campo HorizontalSizeStyle. Se la larghezza dello schermo dell'utente è troppo ridotta, viene visualizzata la seconda colonna a capo sotto il primo:

Sul web, la seconda colonna va a capo se la larghezza dello schermo è inferiore o uguale a 480 pixel.
Sui dispositivi iOS, la seconda colonna va a capo se la larghezza dello schermo è inferiore o uguale a 300. pt.
Sui dispositivi Android, la seconda colonna va a capo se la larghezza dello schermo è inferiore o uguale a 320 dp

Disponibile per le app Google Chat e i componenti aggiuntivi di Google Workspace. Le interfacce utente dei componenti aggiuntivi che supportano le colonne includono:

La finestra di dialogo visualizzata quando gli utenti aprono il componente aggiuntivo da una bozza di email.
La finestra di dialogo visualizzata quando gli utenti aprono il componente aggiuntivo dal menu Aggiungi allegato in una Evento di Google Calendar.

// 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);

Metodi

Metodo	Tipo restituito	Breve descrizione
`addColumn(column)`	`Columns`	Aggiunge un `Column` al widget Colonne.
`setWrapStyle(wrapStyle)`	`Columns`	Imposta lo stile di wrapping delle colonne e controlla il modo in cui le colonne vengono ridimensionate in base alla larghezza dello schermo.

Documentazione dettagliata

`addColumn(column)`

Aggiunge un Column al widget Colonne. Le colonne vengono visualizzate nell'ordine in cui vengono aggiunti. Puoi aggiungere fino a due colonne.

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

Parametri

Nome	Tipo	Descrizione
`column`	`Column`	Una colonna secondaria da aggiungere al widget Colonne.

Invio

Columns: oggetto per il collegamento.

`setWrapStyle(wrapStyle)`

Imposta lo stile di wrapping delle colonne e controlla il modo in cui le colonne vengono ridimensionate in base alla larghezza dello schermo.

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

Parametri

Nome	Tipo	Descrizione
`wrapStyle`	`WrapStyle`	Lo stile di wrapping da impostare per le colonne.

Invio

Columns: oggetto per il collegamento.