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);
자세한 문서
addColumn(column)
열 위젯에 Column
를 추가합니다. 열은
확인할 수 있습니다 최대 2개의 열을 추가할 수 있습니다.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn());
매개변수
이름 | 유형 | 설명 |
column | Column | 열 위젯에 추가할 하위 열입니다. |
리턴
Columns
- 체이닝을 위한 객체입니다.
setWrapStyle(wrapStyle)
열의 줄바꿈 스타일을 설정하고 화면 너비에 따라 열 크기가 조절되는 방식을 제어합니다.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);
매개변수
리턴
Columns
- 체이닝을 위한 객체입니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-09-12(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-09-12(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-09-12(UTC)"]]