Class Columns

วิดเจ็ต 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);