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 può contenere un numero diverso di widget, non puoi definire righe o allineare widget tra nelle 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, 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.
// 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 aggregazione 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 aggregazione 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.