Class Columns

Kolumny

Na karcie lub w oknie dialogowym widżet Columns może wyświetlać maksymalnie 2 kolumny. Widżety można dodawać do co Column; widżety pojawiają się w kolejności, w jakiej zostały określone. Na przykład w aplikacji Google Chat – patrz Kolumny.

Wysokość każdej kolumny jest określana na podstawie wyższej kolumny. Jeśli na przykład pierwsza kolumna jest wyższa od drugiej kolumny, obie kolumny mają wysokość pierwszej kolumny. Ponieważ każdy może zawierać różną liczbę widżetów, nie można definiować wierszy ani wyrównywać widżetów między i kolumny.

Kolumny są wyświetlane obok siebie. Możesz dostosować szerokość każdej kolumny za pomocą parametru HorizontalSizeStyle. Jeśli szerokość ekranu użytkownika jest zbyt wąska, druga kolumna znajduje się pod pierwszym:

  • W przypadku internetu druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 480 pikseli.
  • Na urządzeniach z iOS druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 300. cz.
  • Na urządzeniach z Androidem druga kolumna zawija się, jeśli szerokość ekranu jest mniejsza lub równa 320 dp.

Dostępne dla aplikacji Google Chat i dodatków do Google Workspace. Interfejsy API dodatków, które obsługują kolumny obejmują:

  • Okno wyświetlane, gdy użytkownicy otworzą dodatek z wersji roboczej e-maila.
  • Okno wyświetlane, gdy użytkownicy otworzą dodatek z menu Dodaj załącznik w Wydarzenie w Kalendarzu Google.
// 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);

Metody

MetodaZwracany typKrótki opis
addColumn(column)ColumnsDodaje element Column do widżetu Kolumny.
setWrapStyle(wrapStyle)ColumnsUstawia styl zawijania kolumn i kontroluje rozmiar kolumny w zależności od szerokości ekranu.

Szczegółowa dokumentacja

addColumn(column)

Dodaje element Column do widżetu Kolumny. Kolumny są wyświetlane w kolejności dodawania. Możesz dodać maksymalnie 2 kolumny.

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

Parametry

NazwaTypOpis
columnColumnkolumnę podrzędną, którą chcesz dodać do widżetu Kolumny;

Powrót

Columns – obiekt do tworzenia łańcuchów.


setWrapStyle(wrapStyle)

Ustawia styl zawijania kolumn i kontroluje rozmiar kolumny w zależności od szerokości ekranu.

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

Parametry

NazwaTypOpis
wrapStyleWrapStyleStyl zawijania ustawiany dla kolumn.

Powrót

Columns – obiekt do tworzenia łańcuchów.