Ta strona została przetłumaczona przez Cloud Translation API.

Class Columns

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 aplikacjach Google Chat znajdziesz w artykule Kolumny.

Wysokość każdej kolumny jest określana przez wyższą kolumnę. Jeśli np. pierwsza kolumna jest wyższa od drugiej, obie kolumny będą miały 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 zawija się, jeśli szerokość ekranu jest mniejsza niż lub równa 300 pkt.
Na urządzeniach z Androidem druga kolumna jest przenoszona, jeśli szerokość ekranu jest mniejsza lub równa 320 dp.

Dostępny w przypadku aplikacji Google Chat i dodatków do Google Workspace. Interfejsy usług dodatkowych, które obsługują kolumny, to m.in.:

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

Metoda	Zwracany typ	Krótki opis
`addColumn(column)`	`Columns`	Dodaje element `Column` do widżetu Kolumny.
`setWrapStyle(wrapStyle)`	`Columns`	Okreś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

Nazwa	Typ	Opis
`column`	`Column`	Kolumna podrzędna, która ma zostać dodana do widżetu Kolumny.

Powrót

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

`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

Nazwa	Typ	Opis
`wrapStyle`	`WrapStyle`	Styl przełamania akapitu do ustawienia dla kolumn.

Powrót

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