Columns
위젯은 카드 또는 대화상자에 최대 2개의 열을 표시합니다. 다음 항목에 위젯을 추가할 수 있습니다.
각 Column
, 지정된 순서대로 표시됩니다. 예시
Google Chat 앱에 대한 내용은 열을 참고하세요.
각 열의 높이는 더 긴 열에 의해 결정됩니다. 예를 들어 첫 번째 열이 가 두 번째 열보다 크면 두 열 모두 첫 번째 열의 높이를 갖습니다. 각 열에 다른 수의 위젯이 포함될 수 있지만 행을 정의하거나 두 객체 사이에 위젯을 정렬할 수는 없습니다. 할 수 있습니다.
열이 나란히 표시됩니다. 아래의 항목을 사용하여 각 열의 너비를 맞춤설정할 수 있습니다.
HorizontalSizeStyle
필드 사용자의 화면 너비가 너무 좁은 경우 두 번째 열은
첫 번째 아래 래핑:
- 웹에서 두 번째 열은 화면 너비가 480픽셀 이하인 경우 줄바꿈됩니다.
- iOS 기기에서는 화면 너비가 300 이하이면 두 번째 열이 줄바꿈됩니다. pt.
- 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);
메서드
메서드 | 반환 유형 | 간략한 설명 |
---|---|---|
addColumn(column) | Columns | 열 위젯에 Column 를 추가합니다. |
setWrapStyle(wrapStyle) | Columns | 열의 래핑 스타일을 설정하고 화면 너비에 따라 열의 크기가 조절되는 방식을 제어합니다. |