Class Columns

Colonne

Il widget Columns mostra fino a due colonne in una scheda o una finestra di dialogo. Puoi aggiungere widget a ogni Column; i widget vengono visualizzati nell'ordine in cui sono specificati. Per un esempio nelle 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 avranno 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 campo HorizontalSizeStyle. Se la larghezza dello schermo dell'utente è troppo stretta, la seconda colonna viene a capo sotto la prima:

  • Sul web, la seconda colonna viene 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 punti.
  • Sui dispositivi Android, la seconda colonna viene 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 UI 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 un 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

MetodoTipo restituitoBreve descrizione
addColumn(column)ColumnsAggiunge un Column al widget Colonne.
setWrapStyle(wrapStyle)ColumnsImposta lo stile di a capo delle colonne e controlla il ridimensionamento della colonna 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 aggiunte. Puoi aggiungere fino a due colonne.

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

Parametri

NomeTipoDescrizione
columnColumnUna colonna secondaria da aggiungere al widget Colonne.

Invio

Columns: questo oggetto, per l'accodamento.


setWrapStyle(wrapStyle)

Imposta lo stile di a capo delle colonne e controlla il ridimensionamento della colonna in base alla larghezza dello schermo.

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

Parametri

NomeTipoDescrizione
wrapStyleWrapStyleLo stile di a capo da impostare per le colonne.

Invio

Columns: oggetto per il collegamento.