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
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 dodawania. Możesz dodać maksymalnie 2 kolumny.
const columns = CardService.newColumns() .addColumn(CardService.newColumn());
Parametry
Nazwa | Typ | Opis |
---|---|---|
column | Column | kolumnę 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
Nazwa | Typ | Opis |
---|---|---|
wrapStyle | WrapStyle | Styl zawijania ustawiany dla kolumn. |
Powrót
Columns
– obiekt do tworzenia łańcuchów.