Widżet Columns wyświetla maksymalnie 2 kolumny na karcie lub w oknie. Możesz dodać widżety do każdego elementu Column. Widżety wyświetlają się w określonej kolejności. Przykład dotyczący aplikacji Google Chat znajdziesz w sekcji Kolumny.
Wysokość każdej kolumny jest określana na podstawie jej wyższej kolumny. 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ć różną 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. Możesz dostosować szerokość każdej kolumny za pomocą pola HorizontalSizeStyle. Jeśli szerokość ekranu użytkownika jest zbyt mała, druga kolumna zawija się pod pierwszą:
- W witrynach na komputery druga kolumna zawija się, gdy szerokość ekranu jest mniejsza lub równa 480 pikseli.
- Na urządzeniach z iOS druga kolumna zawija się, gdy szerokość ekranu nie przekracza 300 pkt.
- Na urządzeniach z Androidem druga kolumna zawija się, gdy szerokość ekranu jest mniejsza lub równa 320 dp.
Dostępne 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 | Typ zwracanej wartości | Krótki opis |
|---|---|---|
addColumn(column) | Columns | Dodaje element Column do widżetu Kolumny. |
setWrapStyle(wrapStyle) | Columns | Ustawia styl zawijania kolumn i określa rozmiar kolumny w zależności od szerokości ekranu. |
Szczegółowa dokumentacja
addColumn(column)
Dodaje element Column do widżetu Kolumny. Kolumny wyświetlają się
w takiej kolejności, w jakiej zostały dodane. Możesz dodać maksymalnie 2 kolumny.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());
Parametry
| Nazwa | Typ | Opis |
|---|---|---|
column | Column | Kolumna podrzędna do dodania do widżetu Kolumny. |
Powroty
Columns – ten obiekt do tworzenia łańcuchów.
setWrapStyle(wrapStyle)
Ustawia styl zawijania kolumn i określa 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 kolumn. |
Powroty
Columns – ten obiekt do tworzenia łańcuchów.