카드

카드 기반 부가기능은 사이드바에 창으로 표시되거나, 모바일에서는 활동 창)을 표시합니다. 부가기능에는 상단 툴바가 있어 부가기능을 식별하고 카드(실제로 '페이지')를 표시합니다. 의 UI를 표시합니다. Apps Script는 다음을 사용하여 프로젝트 코드의 카드를 나타냅니다. Card 객체

카드 구성

부가기능 카드 예

카드는 개발자가 디자인하는 UI 요소의 그룹입니다. 카드는 다음 섹션을 참조하세요.

  • 카드 헤더. 이를 통해 카드를 식별합니다. 제목 텍스트가 있으며 선택적으로 부제목과 아이콘을 표시할 수 있습니다.
  • 하나 이상의 카드 섹션. 카드 UI 영역의 하위 영역입니다. 섹션에는 텍스트 섹션 머리글을 포함할 수도 있습니다. 카드 섹션은 가로 규칙에 따라 카드에서 서로 분리됩니다. 카드 섹션이 특히 큰 경우 자동으로 접을 수 있는 섹션으로, 사용자가 필요에 따라 펼치거나 접을 수 있습니다. 카드에는 카드 섹션이 100개 이하이므로 몇 개만 있어야 성능을 개선할 수 있습니다

  • 각 카드 섹션에는 하나 이상의 UI가 포함되어 있음 위젯으로 사용할 수 있습니다. 위젯은 사용자에게 정보 또는 상호작용 컨트롤이 있습니다. 카드와 카드 섹션은 구조화 위젯이므로 카드 섹션에 추가할 수 없습니다. 카드 섹션에 100개 이하의 위젯을 포함할 수 있으며 그리고 최상의 실적을 얻기 위해 가능한 한 단순해야 합니다

특정 사용자 활동 또는 데이터 세트를 중심으로 카드를 설계해야 합니다. 대상 예: 데이터를 표시하는 Google Workspace 부가기능 가져오는 각 시트에 별도의 카드가 있을 수 있습니다 데이터를 가져올 수 있습니다

여러 카드 사용

부가기능 카드 예

부가기능은 일반적으로 2개 이상의 카드로 구성됩니다. 사용자는 이러한 포드를 몇 가지 간단한 목록인 여러 카드가 있는 기본 탐색 더 복잡한 구성으로 탐색 방법 사용자가 카드 간에 이동하는 방식을 제어할 수 있습니다.

부가기능에서 기본 탐색을 사용하는 경우 실행할 때 이를 확장할 수 있는 Google Workspace 애플리케이션은 사용자에게 제시해야 합니다. 카드 클릭 헤더에서 해당 카드를 엽니다. 카드로 돌아갈 수 있는 뒤로 화살표도 제공됩니다. 헤더 목록입니다. 헤더와 뒤로 화살표를 코딩하지 않아도 됩니다. 기능을 정의하며, 이 작업은 부가기능

부가기능을 설계할 때는 카드 개수를 제한하고 한 번에 표시할 수 없습니다. 또한 카드가 불필요하게 복잡해지지 않도록 하는 것이 좋습니다.