Halaman ini diterjemahkan oleh Cloud Translation API.

Class Columns

Widget Columns menampilkan hingga 2 kolom dalam kartu atau dialog. Anda dapat menambahkan widget ke setiap Column; widget akan muncul dalam urutan yang ditentukan. Untuk contoh di aplikasi Google Chat, lihat Kolom.

Tinggi setiap kolom ditentukan oleh kolom yang lebih tinggi. Misalnya, jika kolom pertama lebih tinggi dari kolom kedua, kedua kolom memiliki tinggi kolom pertama. Karena setiap kolom dapat berisi jumlah widget yang berbeda, Anda tidak dapat menentukan baris atau meratakan widget di antara kolom.

Kolom ditampilkan berdampingan. Anda dapat menyesuaikan lebar setiap kolom menggunakan kolom HorizontalSizeStyle. Jika lebar layar pengguna terlalu sempit, kolom kedua akan digabungkan di bawah kolom pertama:

Di web, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 480 piksel.
Di perangkat iOS, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 300 pt.
Di perangkat Android, kolom kedua akan digabungkan jika lebar layar kurang dari atau sama dengan 320 dp.

Tersedia untuk aplikasi Google Chat dan Add-on Google Workspace. UI add-on yang mendukung kolom meliputi:

Dialog yang ditampilkan saat pengguna membuka add-on dari draf email.

Dialog yang ditampilkan saat pengguna membuka add-on dari menu Tambahkan lampiran di acara Google Kalender.

// 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);

Metode

Metode	Jenis hasil yang ditampilkan	Deskripsi singkat
`addColumn(column)`	`Columns`	Menambahkan `Column` ke widget Columns.
`setWrapStyle(wrapStyle)`	`Columns`	Menetapkan gaya penggabungan kolom, mengontrol cara kolom mengubah ukuran berdasarkan lebar layar.

Dokumentasi mendetail

`addColumn(column)`

Menambahkan Column ke widget Columns. Kolom ditampilkan sesuai urutan penambahannya. Anda dapat menambahkan hingga dua kolom.

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

Parameter

Nama	Jenis	Deskripsi
`column`	`Column`	Kolom turunan yang akan ditambahkan ke widget Columns.

Pulang pergi

Columns — Objek ini, untuk pembuatan rantai.

`setWrapStyle(wrapStyle)`

Menetapkan gaya penggabungan kolom, mengontrol cara kolom mengubah ukuran berdasarkan lebar layar.

const columns = CardService.newColumns()
                    .addColumn(CardService.newColumn())
                    .setWrapStyle(CardService.WrapStyle.WRAP);

Parameter

Nama	Jenis	Deskripsi
`wrapStyle`	`WrapStyle`	Gaya penggabungan yang akan ditetapkan untuk kolom.

Pulang pergi

Columns — Objek ini, untuk pembuatan rantai.