Class Columns

Sütunlar

Columns widget'ı, bir kartta veya iletişim kutusunda en fazla 2 sütun gösterir. Her Column alanına widget ekleyebilirsiniz. Widget'lar, belirtildikleri sırayla 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. HorizontalSizeStyle alanını kullanarak her sütunun genişliğini özelleştirebilirsiniz. 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 320 dp'den az veya bu değere eşitse ikinci sütun kaydırılır.

Google Chat uygulamaları ve Google Workspace Eklentilerinde kullanılabilir. Şu özellikleri destekleyen eklenti kullanıcı arayüzleri: şu sütunları içerir:

  • Kullanıcılar eklentiyi bir e-posta taslağı üzerinden açtığında görüntülenen iletişim kutusu.
  • Kullanıcılar eklentiyi Ek iliştir menüsünden eklentiyi Google Takvim etkinliği.
// 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, eklendikleri sırada gösterilir. En fazla iki sütun ekleyebilirsiniz.

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn());

Parametreler

AdTürAçıklama
columnColumnSütunlar widget'ına eklenecek bir 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.