Class Columns

คอลัมน์

วิดเจ็ต Columns จะแสดงได้สูงสุด 2 คอลัมน์ในการ์ดหรือกล่องโต้ตอบ คุณสามารถเพิ่มวิดเจ็ตไปยัง แต่ละ Column วิดเจ็ตจะปรากฏตามลำดับที่ระบุไว้ ตัวอย่างเช่น ในแอป Google Chat โปรดดูหัวข้อคอลัมน์

ความสูงของแต่ละคอลัมน์จะกำหนดโดยคอลัมน์ที่สูง ตัวอย่างเช่น หากคอลัมน์แรก สูงกว่าคอลัมน์ที่สอง ทั้งสองคอลัมน์มีความสูงของคอลัมน์แรก เนื่องจากแต่ละ อาจมีจำนวนวิดเจ็ตที่แตกต่างกัน คุณไม่สามารถกำหนดแถวหรือจัดเรียงวิดเจ็ตระหว่าง คอลัมน์

คอลัมน์จะแสดงคู่กัน คุณสามารถปรับแต่งความกว้างของแต่ละคอลัมน์ได้โดยใช้ HorizontalSizeStyle หากความกว้างหน้าจอของผู้ใช้แคบเกินไป คอลัมน์ที่ 2 จะอยู่ใต้คำแรก

  • ในเว็บ คอลัมน์ที่ 2 จะตัดขึ้นบรรทัดใหม่หากความกว้างของหน้าจอน้อยกว่าหรือเท่ากับ 480 พิกเซล
  • ในอุปกรณ์ iOS คอลัมน์ที่ 2 จะตัดเมื่อความกว้างหน้าจอน้อยกว่าหรือเท่ากับ 300 ส่วนที่
  • ในอุปกรณ์ Android คอลัมน์ที่ 2 จะวนรอบหากความกว้างหน้าจอน้อยกว่าหรือเท่ากับ 320 dp

ใช้ได้กับแอปใน Google Chat และส่วนเสริมของ Google Workspace UI ของส่วนเสริมที่รองรับ มีคอลัมน์ต่อไปนี้

  • กล่องโต้ตอบที่ปรากฏเมื่อผู้ใช้เปิดส่วนเสริมจากอีเมลฉบับร่าง
  • กล่องโต้ตอบที่แสดงเมื่อผู้ใช้เปิดส่วนเสริมจากเมนูเพิ่มไฟล์แนบในกิจกรรม Google ปฏิทิน
// 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());

พารามิเตอร์

ชื่อประเภทคำอธิบาย
columnColumnคอลัมน์ย่อยที่จะเพิ่มลงในวิดเจ็ตคอลัมน์

รีเทิร์น

Columns — ออบเจ็กต์นี้สําหรับการต่อเชื่อม

setWrapStyle(wrapStyle)

กำหนดรูปแบบการตัดของคอลัมน์ ควบคุมวิธีปรับขนาดคอลัมน์ตามความกว้างของหน้าจอ 

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

พารามิเตอร์

ชื่อประเภทคำอธิบาย
wrapStyleWrapStyleรูปแบบการตัดข้อความที่จะตั้งค่าสำหรับคอลัมน์

รีเทิร์น

Columns — ออบเจ็กต์นี้สำหรับการทำสายโซ่