Widżet Columns
wyświetla maksymalnie 2 kolumny na karcie lub w oknie. 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 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.