Columns 위젯은 카드 또는 대화상자에 열을 최대 2개까지 표시합니다. 각 Column에 위젯을 추가할 수 있습니다. 위젯은 지정된 순서대로 표시됩니다. Google Chat 앱의 예는 열을 참조하세요.
각 열의 높이는 더 큰 열에 따라 결정됩니다. 예를 들어 첫 번째 열의 높이가 두 번째 열보다 크면 두 열 모두 첫 번째 열의 높이가 됩니다. 각 열에는 서로 다른 수의 위젯이 포함될 수 있으므로 행을 정의하거나 열 간에 위젯을 정렬할 수 없습니다.
열은 나란히 표시됩니다. HorizontalSizeStyle 필드를 사용하여 각 열의 너비를 맞춤설정할 수 있습니다. 사용자의 화면 너비가 너무 좁으면 두 번째 열이 첫 번째 열 아래로 래핑됩니다.
웹에서 화면 너비가 480픽셀 이하인 경우 두 번째 열이 래핑됩니다.
iOS 기기에서는 화면 너비가 300pt 이하인 경우 두 번째 열이 줄바꿈됩니다.
Android 기기에서는 화면 너비가 320dp 이하인 경우 두 번째 열이 래핑됩니다.
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);