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
Metoda | Zwracany typ | Krótki opis |
---|---|---|
addColumn(column) | Columns | Dodaje 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 | kolumnę 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
Nazwa | Typ | Opis |
---|---|---|
wrapStyle | WrapStyle | Styl przełamania, który ma być ustawiony dla kolumn. |
Powrót
Columns
– ten obiekt do łańcucha.