Class Columns

Sütunlar

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. bl.
  • 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öntemDönüş türüKısa açıklama
addColumn(column)ColumnsSütunlar widget'ına Column ekler.
setWrapStyle(wrapStyle)ColumnsSü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

AdTürAçıklama
columnColumnSü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

AdTürAçıklama
wrapStyleWrapStyleSütunlar için ayarlanacak sarmalama stili.

Return

Columns: Zincirleme için bu nesne.