Columns
widget'ı, bir kartta veya iletişim kutusunda en fazla 2 sütun gösterir. Widget ekleyebilirsiniz:
her Column
; widget'lar belirtildikleri sırada görünür. Örneğin,
Google Chat uygulamaları için Sütunlar bölümüne bakın.
Her bir sütunun yüksekliği, uzun sütuna göre belirlenir. Örneğin, ilk sütun daha uzun olduğunda, her iki sütun ilk sütunun yüksekliğinde olur. Çünkü her bir sütunu farklı sayıda widget içerebilir, satır tanımlayamaz veya widget'ları görebilirsiniz.
Sütunlar yan yana görüntülenir. Her sütunun genişliğini
HorizontalSizeStyle
alanı boş bırakılamaz. Kullanıcının ekran genişliği çok darsa ikinci sütun
ilkinin altına sarmalanır:
- Web'de, ekran genişliği 480 pikselden az veya bu değere eşitse ikinci sütun sarmalanır.
- iOS cihazlarda, ekran genişliği 300'den az veya 300'e eşitse ikinci sütun sarmalanır. . böl.
- Android cihazlarda, ekran genişliği şundan küçük veya bu değere eşitse ikinci sütun sarmalanır: 320 dp.
Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir.
// 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);
Yöntemler
Yöntem | Dönüş türü | Kısa açıklama |
---|---|---|
addColumn(column) | Columns | Sütunlar widget'ına Column ekler. |
setWrapStyle(wrapStyle) | Columns | Sütunların sarmalama stilini ayarlar, sütunun ekran genişliğine göre nasıl yeniden boyutlandırılacağını kontrol eder. |
Ayrıntılı belgeler
addColumn(column)
Sütunlar widget'ına Column
ekler. Sütunlar aşağıdaki sırayı takip ederek görüntülenir:
eklenir. En fazla iki sütun ekleyebilirsiniz.
const columns = CardService.newColumns() .addColumn(CardService.newColumn());
Parametreler
Ad | Tür | Açıklama |
---|---|---|
column | Column | Sütunlar widget'ına eklenecek alt sütun. |
Return
Columns
: Zincirleme için bu nesne.
setWrapStyle(wrapStyle)
Sütunların sarmalama stilini ayarlar, sütunun ekran genişliğine göre nasıl yeniden boyutlandırılacağını kontrol eder.
const columns = CardService.newColumns() .addColumn(CardService.newColumn()) .setWrapStyle(CardService.WrapStyle.WRAP);
Parametreler
Ad | Tür | Açıklama |
---|---|---|
wrapStyle | WrapStyle | Sütunlar için ayarlanacak sarmalama stili. |
Return
Columns
: Zincirleme için bu nesne.