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

Class Columns

Widżet Columns wyświetla maksymalnie 2 kolumny na karcie lub w oknie. Widżety można dodawać do co Column; widżety wyświetlają się w określonej kolejności. 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 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ępny w przypadku aplikacji Google Chat i dodatków do 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);

Metody

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

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

Nazwa	Typ	Opis
`wrapStyle`	`WrapStyle`	Styl zawijania ustawiany dla kolumn.

Powrót

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