วิดเจ็ต Columns
จะแสดงได้สูงสุด 2 คอลัมน์ในการ์ดหรือกล่องโต้ตอบ คุณสามารถเพิ่มวิดเจ็ตไปยัง
แต่ละ Column
วิดเจ็ตจะปรากฏตามลำดับที่ระบุไว้ ตัวอย่างเช่น
ในแอป Google Chat โปรดดูหัวข้อคอลัมน์
ความสูงของแต่ละคอลัมน์จะกำหนดโดยคอลัมน์ที่สูง ตัวอย่างเช่น หากคอลัมน์แรก สูงกว่าคอลัมน์ที่สอง ทั้งสองคอลัมน์มีความสูงของคอลัมน์แรก เนื่องจากแต่ละ อาจมีจำนวนวิดเจ็ตที่แตกต่างกัน คุณไม่สามารถกำหนดแถวหรือจัดเรียงวิดเจ็ตระหว่าง คอลัมน์
คอลัมน์จะแสดงคู่กัน คุณสามารถปรับแต่งความกว้างของแต่ละคอลัมน์ได้โดยใช้
HorizontalSizeStyle
หากความกว้างหน้าจอของผู้ใช้แคบเกินไป คอลัมน์ที่ 2
จะอยู่ใต้คำแรก
- สำหรับบนเว็บ คอลัมน์ที่ 2 จะตัดเมื่อความกว้างหน้าจอน้อยกว่าหรือเท่ากับ 480 พิกเซล
- ในอุปกรณ์ iOS คอลัมน์ที่ 2 จะตัดเมื่อความกว้างหน้าจอน้อยกว่าหรือเท่ากับ 300 ส่วนที่
- ในอุปกรณ์ Android คอลัมน์ที่ 2 จะวนรอบหากความกว้างหน้าจอน้อยกว่าหรือเท่ากับ 320 dp
ใช้ได้กับแอปใน Google Chat และส่วนเสริมของ Google Workspace
// 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);
เมธอด
วิธีการ | ประเภทการแสดงผล | รายละเอียดแบบย่อ |
---|---|---|
addColumn(column) | Columns | เพิ่ม Column ลงในวิดเจ็ตคอลัมน์ |
setWrapStyle(wrapStyle) | Columns | ตั้งค่ารูปแบบการรวมคอลัมน์ ควบคุมวิธีปรับขนาดคอลัมน์ตามความกว้างของหน้าจอ |
เอกสารโดยละเอียด
addColumn(column)
เพิ่ม Column
ลงในวิดเจ็ตคอลัมน์ คอลัมน์จะแสดงตามลำดับ
ก็เพิ่มได้เลย คุณสามารถเพิ่มได้สูงสุด 2 คอลัมน์
const columns = CardService.newColumns() .addColumn(CardService.newColumn());
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
column | Column | คอลัมน์ย่อยที่จะเพิ่มลงในวิดเจ็ตคอลัมน์ |
รีเทิร์น
Columns
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่
setWrapStyle(wrapStyle)
ตั้งค่ารูปแบบการรวมคอลัมน์ ควบคุมวิธีปรับขนาดคอลัมน์ตามความกว้างของหน้าจอ
const columns = CardService.newColumns() .addColumn(CardService.newColumn()) .setWrapStyle(CardService.WrapStyle.WRAP);
พารามิเตอร์
ชื่อ | ประเภท | คำอธิบาย |
---|---|---|
wrapStyle | WrapStyle | รูปแบบการรวมที่จะตั้งค่าสำหรับคอลัมน์ |
รีเทิร์น
Columns
— ออบเจ็กต์นี้สำหรับการทำห่วงโซ่