Halaman ini menjelaskan cara mendesain dan membuat komponen UI utama untuk pesan kartu di Google Chat.
Kartu mendukung tata letak yang ditentukan, elemen UI interaktif, seperti tombol, dan multimedia seperti gambar. Anda dapat menggunakan kartu untuk menyajikan informasi, mengumpulkan input, atau memberikan langkah berikutnya kepada pengguna melalui pesan kartu dan dialog.
Gunakan Card Builder untuk mendesain dan melihat pratinjau pesan kartu JSON untuk aplikasi Chat:
Buka Card BuilderKartu dan dialog umumnya memiliki komponen berikut:
CardHeader
yang berisi judul kartu Anda.- Satu atau beberapa widget
CardSection
yang membentuk bagian utama kartu. - Widget
CardFixedFooter
khusus untuk dialog.
Prasyarat
Menambahkan header
Widget CardHeader
merepresentasikan header kartu. Header dapat mencakup
judul, subjudul, dan gambar avatar untuk kartu Anda.
Anda dapat menyertakan CardHeader
untuk
pesan kartu dan
dialog.
Berikut adalah contoh CardHeader
:
Menentukan bagian kartu
Widget CardSection
adalah penampung tingkat tinggi dalam kartu. Anda dapat menggunakan bagian kartu untuk mengelompokkan widget dalam kartu. Anda dapat menyertakan header dan satu atau beberapa widget untuk setiap bagian kartu.
Anda dapat menyertakan CardSection
untuk
pesan kartu dan
dialog.
Berikut adalah contoh CardSection
yang berisi dua widget
textParagraph
:
Menambahkan footer persisten
Widget CardFixedFooter
mewakili footer pesan dialog yang dikirim oleh
aplikasi Chat.
Footer dapat menyertakan tombol utama dan tombol sekunder.
Widget CardFixedFooter
hanya tersedia untuk
dialog.
Berikut adalah contoh widget CardFixedFooter
dengan dua tombol:
Memecahkan masalah
Saat aplikasi atau kartu Google Chat menampilkan error, antarmuka Chat akan menampilkan pesan yang menyatakan "Terjadi error". atau "Tidak dapat memproses permintaan Anda". Terkadang UI Chat tidak menampilkan pesan error apa pun, tetapi aplikasi atau kartu Chat memberikan hasil yang tidak diharapkan; misalnya, pesan kartu mungkin tidak muncul.
Meskipun pesan error mungkin tidak ditampilkan di UI Chat, pesan error dan data log deskriptif akan tersedia untuk membantu Anda memperbaiki error saat logging error untuk aplikasi Chat diaktifkan. Untuk mendapatkan bantuan dalam melihat, melakukan proses debug, dan memperbaiki error, lihat Memecahkan masalah dan memperbaiki error Google Chat.