Class Columns

Columns 위젯은 카드 또는 대화상자에 최대 2개의 열을 표시합니다. 각 Column에 위젯을 추가할 수 있습니다. 위젯은 지정된 순서대로 표시됩니다. Google Chat 앱의 예는 열을 참고하세요.

각 열의 높이는 더 긴 열에 의해 결정됩니다. 예를 들어 첫 번째 열이 가 두 번째 열보다 크면 두 열 모두 첫 번째 열의 높이를 갖습니다. 각 열에 다른 수의 위젯이 포함될 수 있지만 행을 정의하거나 두 위젯 간에 위젯을 정렬할 수는 없습니다. 열 수 있습니다.

열이 나란히 표시됩니다. 아래의 항목을 사용하여 각 열의 너비를 맞춤설정할 수 있습니다. HorizontalSizeStyle 필드 사용자의 화면 너비가 너무 좁은 경우 두 번째 열은 첫 번째 아래 래핑:

• 웹에서는 화면 너비가 480픽셀 이하인 경우 두 번째 열이 줄바꿈됩니다.
• iOS 기기에서는 화면 너비가 300 이하이면 두 번째 열이 줄바꿈됩니다. pt.
• Android 기기에서는 화면 너비가 작거나 같으면 두 번째 열이 줄바꿈됩니다. 320dp

Google Chat 앱 및 Google Workspace 부가기능에서 사용할 수 있습니다. 지원되는 부가기능 UI는 열에는 다음이 포함됩니다.

• 사용자가 이메일 초안에서 부가기능을 열 때 표시되는 대화상자입니다.
• 사용자가 첨부파일 추가 메뉴에서 부가기능을 열 때 표시되는 대화상자 Google Calendar 일정

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