Class Columns

Kolumny

Na karcie lub w oknie dialogowym widżet Columns może wyświetlać maksymalnie 2 kolumny. Do każdego Column możesz dodać widżety. Pojawiają się one w kolejności, w jakiej zostały określone. Przykłady w przypadku aplikacji Google Chat znajdziesz w artykule Kolumny.

Wysokość każdej kolumny jest określana przez wyższą kolumnę. Jeśli na przykład pierwsza kolumna jest wyższa niż druga, obie kolumny mają wysokość pierwszej kolumny. Każda kolumna może zawierać inną liczbę widżetów, więc nie możesz definiować wierszy ani wyrównywać widżetów między kolumnami.

Kolumny są wyświetlane obok siebie. Szerokość każdej kolumny możesz dostosować za pomocą pola HorizontalSizeStyle. Jeśli szerokość ekranu użytkownika jest zbyt mała, druga kolumna jest przenoszona pod pierwszą:

  • W wersji internetowej druga kolumna jest przenoszona, jeśli szerokość ekranu jest mniejsza lub równa 480 pikselom.
  • Na urządzeniach z iOS druga kolumna jest przenoszona, jeśli szerokość ekranu jest mniejsza lub równa 300 punktom.
  • Na urządzeniach z Androidem druga kolumna jest przenoszona, jeśli szerokość ekranu jest mniejsza lub równa 320 dp.

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

  • Okno wyświetlane, gdy użytkownicy otwierają dodatek z poziomu szkicu e-maila.
  • Okno wyświetlane, gdy użytkownicy otwierają dodatek z menu Dodaj załącznik w wydarzeniu 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 Column do widżetu Kolumny.
setWrapStyle(wrapStyle)ColumnsOkreśla styl przełamywania kolumn i określa sposób zmiany rozmiaru kolumny na podstawie szerokości ekranu.

Szczegółowa dokumentacja

addColumn(column)

Dodaje 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 – ten obiekt do łańcucha.


setWrapStyle(wrapStyle)

Określa styl przełamywania kolumn i określa sposób zmiany rozmiaru kolumny na podstawie szerokości ekranu.

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

Parametry

NazwaTypOpis
wrapStyleWrapStyleStyl przełamania, który ma być ustawiony dla kolumn.

Powrót

Columns – ten obiekt do łańcucha.