Il widget Columns mostra fino a due colonne in una scheda o una finestra di dialogo. Puoi aggiungere widget a
ogni elemento Column; i widget vengono visualizzati nell'ordine in cui sono specificati. Per un esempio nelle app Google Chat, consulta Colonne.
L'altezza di ogni colonna è determinata dalla colonna più alta. Ad esempio, se la prima colonna è più alta della seconda, entrambe le colonne avranno l'altezza della prima. Poiché ogni colonna può contenere un numero diverso di widget, non puoi definire righe o allineare widget tra le colonne.
Le colonne vengono visualizzate affiancate. Puoi personalizzare la larghezza di ogni colonna utilizzando il campo HorizontalSizeStyle. Se la larghezza dello schermo dell'utente è troppo ridotta, la seconda colonna
va a capo sotto la prima:
- 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 elemento Column al widget Colonne. |
setWrapStyle(wrapStyle) | Columns | Imposta lo stile a capo delle colonne e controlla il ridimensionamento della colonna in base alla larghezza dello schermo. |
Documentazione dettagliata
addColumn(column)
Aggiunge un elemento Column al widget Colonne. Le colonne vengono visualizzate nell'ordine
in cui sono state aggiunte. 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. |
Ritorni
Columns: questo oggetto per il concatenamento.
setWrapStyle(wrapStyle)
Imposta lo stile 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
| Nome | Tipo | Descrizione |
|---|---|---|
wrapStyle | WrapStyle | Lo stile a capo da impostare per le colonne. |
Ritorni
Columns: questo oggetto per il concatenamento.