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
Metodo | Tipo restituito | Breve descrizione |
---|---|---|
addColumn(column) | Columns | Aggiunge un Column al widget Colonne. |
setWrapStyle(wrapStyle) | Columns | Imposta 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
Nome | Tipo | Descrizione |
---|---|---|
column | Column | Una 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
Nome | Tipo | Descrizione |
---|---|---|
wrapStyle | WrapStyle | Lo stile di a capo da impostare per le colonne. |
Invio
Columns
: oggetto per il collegamento.