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. Google Chat uygulamalarında bir örnek için Sütunlar bölümüne bakın.

Her sütunun yüksekliği, en uzun sütuna göre belirlenir. Örneğin, ilk sütun ikinci sütundan daha yüksekse her iki sütun da ilk sütunun yüksekliğine sahip olur. Her sütun farklı sayıda widget içerebileceğinden, satır tanımlayamaz veya widget'ları sütunlar arasında hizalayamazsınız.

Sütunlar yan yana gösterilir. 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 ilk sütunun altına sarmalanır:

  • Web'de, ekran genişliği 480 pikselden az veya eşitse ikinci sütun kaydırılır.
  • iOS cihazlarda, ekran genişliği 300 pt'den az veya bu değere eşitse ikinci sütun kaydırılır.
  • 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. Sütunları destekleyen eklenti kullanıcı arayüzleri şunlardır:

  • Kullanıcılar eklentiyi bir e-posta taslağı üzerinden açtığında görüntülenen iletişim kutusu.
  • Kullanıcılar Google Takvim etkinliğindeki Ekle menüsünden eklentiyi açtığında görüntülenen iletişim kutusu.
    // 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 sarma stilini belirler, sütunun ekran genişliğine göre nasıl yeniden boyutlandırılacağını kontrol eder.

Ayrıntılı dokümanlar

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 sarma stilini belirler, 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.